5-19 11,225 views
在网页开发中,有时需要监测插入视频是否播放结束,从而触发相应事件,可使用ended,通过以下代码实现:
- var myVid = document.getElementById("video");
- myVid.addEventListener("ended", function(){
- //播放完成后触发事件
- }, false)
监测视频是否加载完成,可使用loadedmetadata,如:
- myVid.addEventListener("loadedmetadata", function()
- {
- //加载完成后执行代码
- }
- );
监测视频播放进度变化,可使用ontimeupdate,如:
- myVid.addEventListener("timeupdate", function()
- {
- //进度变化时执行代码,可配合currentTime使用
- }
- );
currentTime用于设置或返回视频播放进度,利用currentTime可实现快进快退:
- myVid.currentTime+=5; //快进5秒
- myVid.currentTime-=5; //快退5秒
播放和暂停:
- myVid.play();; //播放
- myVid.pause(); //暂停
视频边加载边播放:
设置video标签的属性 x-webkit-airplay="true"
大神露