小程序视频video模块
小程序官方文档地址: https://developers.weixin.qq.com/miniprogram/dev/component/video.html.
视频模块基本的参数
/*
src 要播放视频的资源地址,支持云文件ID
initial-time 指定视频初始播放位置
duration 指定视频时长
controls:true 是否显示默认播放控件(播放/暂停按钮、播放进度、时间)
danmu-list Array弹幕列表
danmu-btn:false 是否显示弹幕按钮,只在初始化时有效,不能动态变更
enable-danmu:false 是否展示弹幕,只在初始化时有效,不能动态变更
autoplay:false 是否自动播放
loop:false 是否循环播放
muted:false 是否静音播放
page-gesture:false 在非全屏模式下,是否开启亮度与音量调节手势
direction 设置全屏时视频的方向,不指定则根据宽高比自动判断。有效值为 0(正常竖向), 90(屏幕逆时针90度), -90(屏幕顺时针90度)
show-progress:true 若不设置,宽度大于240时才会显示
show-fullscreen-btn:true 是否显示全屏按钮
show-play-btn:true 是否显示视频底部控制栏的播放按钮
show-center-play-btn 是否显示视频中间的播放按钮
enable-progress-gesture:true 是否开启控制进度的手势
objectFit 当视频大小与 video 容器大小不一致时,视频的表现形式。contain:包含,fill:填充, cover:覆盖
poster 视频封面的图片网络资源地址或云文件ID(2.2.3起支持)如果 controls 属性值为 false 则设置 poster 无效
bindplay 当开始/继续播放时触发play事件
bindpause 当暂停播放时触发 pause 事件
bindended 当播放到末尾时触发 ended 事件
bindtimeupdate 播放进度变化时触发,event.detail = {currentTime, duration} 。触发频率 250ms 一次
bindfullscreenchange 视频进入和退出全屏时触发,event.detail = {fullScreen, direction},direction取为 vertical 或 horizontal
bindwaiting 视频出现缓冲时触发
binderror 视频播放出错时触发
bindprogress 加载进度变化时触发,只支持一段加载。event.detail = {buffered},百分比
*/
小程序视频格式尽量使用MP4、m3u8格式