小程序播放视频(弹幕案例)

<!--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

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

黄宝康

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值