首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > CSS >

HTML5的video兑现书签播放

2012-08-26 
HTML5的video实现书签播放功能:进入页面后,第一次播放从指定位置处(这里假定breakpoint秒)开始,之后从上一

HTML5的video实现书签播放
功能:进入页面后,第一次播放从指定位置处(这里假定breakpoint秒)开始,之后从上一次开始。

1、页面中加入video元素。
      <video id='video' preload='none' width="200" height="100" controls autoplay>
    <source id='mp4' type='video/mp4' src="httpURL">
    not supported

      </video>

2、js代码
var MP_Video = document.getElementById("video");

var updatePlayTime = function() {
       MP_Video.currentTime = breakPoint;
       MP_Video.removeAttribute("ontimeupdate");
}

function fromBP() {
if (MP_Video.currentTime == 0) {
MP_Video.setAttribute("ontimeupdate", "updatePlayTime();");
}

MP_Video.play();
}

页面中按钮调用fromBP函数即可

热点排行