小程序视频video模块

小程序视频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格式