金狮贵宾会

登录
免费开通

小程序video控件的使用

  小程序video控件的使用

  小程序video控件用来实现播放视频的效果,,是小程序基本的系统组件,,下面为各人介绍要怎样使用。。。。 。。

  一、属性

  | 属性名 | 类型 | 默认值 | 说明 | 最低版本 |

  |——–|——–|——–|——–|——–|

  | src | String| | 要播放视频的资源地点 | |

  | initial-time| String | | 指定视频初始播放位置| 1.6.0 |

  | duration |Number|| 指定视频时长 | 1.1.0 |

  | controls |Boolean |true| 是否显示默认播放控件(播放/暂停按钮、播放进度、时间)| |

  | danmu-list |Object Array||弹幕列表 | |

  | danmu-btn |Boolean|false | 是否显示弹幕按钮,,只在初始化时有用,,不可动态变换| |

  | enable-danmu |Boolean|false| 是否展示弹幕,,只在初始化时有用,,不可动态变换 | |

  |autoplay|Boolean|false|是否自动播放| |

  |loop|Boolean|false|是否循环播放| 1.4.0 |

  |muted|Boolean|false|是否静音播放| 1.4.0 |

  |page-gesture|Boolean|false|在非全屏模式下,,是否开启亮度与音量调理手势|1.6.0 |

  |direction|Number||设置全屏时视频的偏向,,不指定章凭证宽高比自动判断。。。。 。。有用值为 0(正常竖向), 90(屏幕逆时针90度), -90(屏幕顺时针90度)|1.7.0|

  |bindplay|EventHandle||当最先/继续播放时触发play事务| |

  |bindpause|EventHandle||当暂停播放时触发 pause 事务| |

  |bindended|EventHandle||当播放到末尾时触发 ended 事务| |

  |bindtimeupdate|EventHandle||播放进度转变时触发,,event.detail = {currentTime, duration} 。。。。 。。触发频率 250ms 一次| |

  |bindfullscreenchange|EventHandle||当视频进入和退出全屏是触发,,event.detail = {fullScreen, direction},,direction取为 vertical 或 horizontal| |

  |objectFit|String|contain|当视频巨细与 video 容器巨细纷歧致时,,视频的体现形式。。。。 。。contain:包括,,fill:填充,,cover:笼罩| 1.4.0|

  |poster|String||视频封面的图片网络资源地点,,若是 controls 属性值为 false 则设置 poster 无效| |

  ||||||

  video 组件 默认宽度300px、高度225px,,可通过wxss设置宽高。。。。 。。

  三、相关实现api

  1、wx.createVideoContext

  建设并返回 video 上下文 videoContext 工具。。。。 。。在自界说组件下,,第二个参数传入组件实例this,,以操作组件内 video 组件

  2、videoContext工具

  videoContext 通过 videoId 跟一个 video 组件绑定,,通过它可以操作一个 video 组件。。。。 。。

  videoContext 工具的要领列表:

  | 要领 | 参数 | 说明 | 最低版本 |

  |——–|——–|——–|——–|

  |play | 无| 播放 | |

  |pause| 无| 暂停 | |

  |seek | position| 跳转到指定位置,,单位 s| |

  |sendDanmu|danmu|发送弹幕,,danmu 包括两个属性 text, color。。。。 。。||

小程序video控件的使用

  |sendDanmu|danmu|发送弹幕,,danmu 包括两个属性 text, color。。。。 。。||

  |sendDanmu|danmu|发送弹幕,,danmu 包括两个属性 text, color。。。。 。。||

  |playbackRate|rate|设置倍速播放,,支持的倍率有 0.5/0.8/1.0/1.25/1.5|1.4.0|

  |requestFullScreen|无|进入全屏,,可传入{direction}参数(1.7.0起支持),,详见video组件文档|1.4.0|

  |exitFullScreen|无|退出全屏|1.4.0|

 小程序工具提供多类型商城/门店小程序制作,,可视化编辑 1秒天生5步上线。。。。 。。通过拖拽、拼接模浚浚???榻峁剐〕绦蛏坛且趁,,所看即所得,,只需要美工就能做出细腻商城。。。。 。。

有关进一步相识小程序开发案例,,请前往:/miniprogramdev/   

【本站声明】
  1、本站文章中所选用的图片及文字泉源于网络以及用户投稿,,由于未联系到知识产权人或未发明有关知识产权的挂号,,若有知识产权人并不肯意我们使用,,若是有侵权请连忙联系。。。。 。。
  2、本网站差池文章中所涉及的内容真实性、准确性、可靠性认真,,仅系客观性形貌,,如您需要相识该类商品/服务详细的资讯,,请您直接与该类商品/服务的提供者联系。。。。 。。


KESION 金狮贵宾会软件

KESION 金狮贵宾会软件是海内领先的在线教育软件及私域社交电商软件服务提供商,,恒久专注于为企业提供在线教育软件及社交电商SaaS平台解决方案。。。。 。。
公司焦点产品云开店SaaS社交电商服务平台、在线教育SaaS服务平台、教育企业数字化SaaS云平台、企微营销助手、私有化自力安排品牌网校和在线教育咨询等。。。。 。。

KESION 一直通过手艺立异,,提供产品和服务,,助力企业向数字化转型,,通过科技驱动商业刷新,,让商业变得更智慧!



▼点击进入金狮贵宾会官网相识更多



热门标签
SaaS
上/下篇
  • 微信小程序开发几多钱

  • 微信小程序腾讯视频插件的使用实例

换一换相关推荐
精选内容
热门精选
金狮贵宾会·宾至如归-尊贵显赫 金狮贵宾会·宾至如归-尊贵显赫 金狮贵宾会·宾至如归-尊贵显赫
【网站地图】
小程序video控件的使用 - KESION 金狮贵宾会