HTML5 video标签的播放控制

<video id="myVideo" controls preload="auto" width=300 height="165"

     poster="http://img0.ph.126.net/I10JqUUJDmlEtE_XYl4hOg==/6608842237655242020.jpg"

     src="http://www.w3cschool.cc/try/demo_source/mov_bbb.mp4">

    </video>

var myVideo = document.getElementById('myVideo');//获取video元素

myVideo.addEventListener("loadedmetadata", function(){

    //要执行的代码

});

     好了，已经监听了，那么接下来要做的就是获取总时长，其实就是一个属性-duration

var myVideo = document.getElementById('myVideo')//获取video元素

    ,tol = 0

;

myVideo.addEventListener("loadedmetadata", function(){

    tol = myVideo.duration;//获取总时长

});

var myVideo = document.getElementById('myVideo')//获取video元素

    ,tol = 0

;

myVideo.addEventListener("loadedmetadata", function(){

  tol = myVideo.duration;//获取总时长

 });</p>

<p> //播放

 function play(){

     myVideo.play();

 }</p>

<p> //暂停

 function pause(){

     myVideo.pause();

 }

//播放时间点更新时

myVideo.addEventListener("timeupdate", function(){

   var currentTime = myVideo.currentTime;//获取当前播放时间

   console.log(currentTime);//在调试器中打印

});

//设置播放点

function playBySeconds(num){

    myVideo.currentTime = num;

}

//音量改变时

myVideo.addEventListener("volumechange", function(){

   var volume = myVideo.volume;//获取当前音量

   console.log(volume);//在调试器中打印

});