微信小程序--视频播放器

1.video组件

scr：要播放视频的资源地址

danmu-list：设置一个弹幕数组列表

danmu-btn：设置是否显示弹幕按钮，只在初始化的时候有效，

不能动态变化。

enable-danmu：设置是否允许展示弹幕，同上。。

autoplay：设置是否自动播放视频，默认值为false。

bindplay：当开始/继续播放时触发事件，执行回调函数。

bindended：当播放到末尾时触发ended事件，执行回调函数。

binderror：当发生错误时触发error事件，执行回调函数。

event.detail={errMsg:'something wrong'}

建立新的目录video:

videowxml：

<view class="page">
<view class="page_hd">
<text class="page_title">video音频</text>

</view>

<view class="page_bd" >
<view class="section section_gap"  >
<view class="body-view" style="text-align:center;">

<video id="myVideo" src="{{src}}" binderror="videoErrorCallback" controls></video>

</view>
</view>
</view>
</view>

video.js：

Page({
data:{
  src:'http://mvvideo.meitudata.com/5402f68acf7a9581.mp4',
},
videoErrorCallback:function(e){
  console.log('视频错误信息：')
  console.log(e.detail.errMsg)
}
  
})

代码在初始化的时候数据中设置了一个MP4视频地址，

并定义可一个错误回调，这两个值都在wxml中进行绑定。