微信小程序点播插件_微信小程序 视频 组件

video 组件  视频组件  相关的api :wx.createVideoContext

支持的格式:

支持的编码格式

video 组件的属性:

src:类型  字符串   必填 要播放视频的资源地址 (支持云文件ID)

duration:类型  数字  指定视频的时长

controls:类型  布尔  是否显示默认控件(播放/暂停按钮、播放进度、时间)

danmu-list:类型  array/object  弹幕列表

danmu-btn:类型  布尔  是否显示弹幕按钮,只在初始化有效,不能动态变更

enable-danmu:类型  布尔  是否展示弹幕,只在初始化有效,不能动态变更

autoplay:类型  布尔  是否自动播放

loop:类型  布尔  是否循环播放

muted:类型  布尔  是否静音播放

initial-time:类型  数字  指定视频初始播放位置

direction:类型  数字  设置全屏时视频的方向,不指定则根据宽高比自动判断

属性值:0  正常竖向

90  屏幕逆时针90度

-90  屏幕顺时针90度

show-progress:类型  布尔  若不设置,宽度大于240时才会显示

show-fullscreen-btn:类型  布尔  是否显示全屏按钮

show-play-btn:类型  布尔  是否显示视频底部控制栏的播放按钮

show-center-play-btn:类型  布尔  是否显示视频中间的播放按钮

enable-progress-gesture:类型  布尔  是否开启控制进度的手势

object-fit:类型  字符串  当视频大小与 video 容器大小不一致时,视频的表现形式

属性值:contain  包含

fill  填充

cover  覆盖

poster:类型  字符串  视频封面的图片网络资源地址或云文件id,若 controls 为 false 此属性无效

show-mute-btn:类型  布尔  是否显示静音按钮

title:类型  字符串  视频的标题,全屏时在顶部展示

play-btn-position:类型  字符串  播放按钮的位置

属性值:bottom  controls bar 上

center  视频中间

enable-play-gesture:类型  布尔  是否开启播放手势,即双击切换播放/ 暂停

auto-pause-if-navigate:类型  布尔  当跳转其他小程序页面时,是否自动暂停本页面的视频

auto-pause-if-open-native:类型  布尔  当跳转到其他微信原生页面时,是否自动暂停本页面的视频

vslide-gesture:类型  布尔  在非全屏下是否开启 亮度与音量的调节手势

vslide-gesture-in-fullscreen:类型  布尔  在全屏下是否开启 亮度与音量的调节手势

事件:

bindplay:当开始 / 继续时触发的 play 事件

bindpause:当暂停播放时触发的 pause 事件

bindended:当播放到末尾时触发的 ended 事件

bindtimeupdate:播放进度变化时触发 ,触发频率 250ms 一次

bindfullscreenchange:视频进入和退出全屏时触发

bindwaiting:视频出现缓冲时触发

binderror:视频播放出错时触发

bindprogress:加载进度变化时触发,只支持一段的加载

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值