<!--index.wxml-->
<video src="http://video.usr.cn/d77d809cabc24f759f9b973868aa5c37/8b431426ce2541449370a2c71dea25eb-S00000001-200000.mp4"></video>
使用video标签即可显示视频,src为视频地址。
video微信小程序官网开发文档地址 https://developers.weixin.qq.com/miniprogram/dev/component/video.html
里面很详细的介绍了各种视频控制,及事件处理。
如常用的
指定视频初始播放位置 initial-time
是否显示默认播放控件(播放/暂停按钮、播放进度、时间) controls
弹幕列表 danmu-list ,是否自动播放 autoplay ,是否循环
loop ,静音播放muted ,是否开启手势 enable-progress-gesture,视频封面poster 。
视频API的使用
视频调用比较简单,微信还推出了相关的API以方便我们使用视频播放组件。我们可以通过VideoContext接口来控制当前视频,在使用该接口之前,需要使用wx.createVideoContext()创建对象。创建完对象后,我们可以使用下面的方法去做视频的基本控制。
官方开发文档 https://developers.weixin.qq.com/miniprogram/dev/api/media/video/Vide