JavaScript控制HTML5视频播放进度的实现方法

<video id="myVideo" width="320" height="240" controls>  
  <source src="movie.mp4" type="video/mp4">  
  Your browser does not support the video tag.  
</video>  
<button onclick="jumpToFiveSeconds()">跳转到5秒</button>  
<button onclick="jumpToTenSeconds()">跳转到10秒</button>

function jumpToFiveSeconds() {  
  var video = document.getElementById("myVideo");  
  if (video.readyState >= 2) { // 确保视频已经加载  
    video.currentTime = 5; // 跳转到5秒  
  }  
}  
  
function jumpToTenSeconds() {  
  var video = document.getElementById("myVideo");  
  if (video.readyState >= 2) { // 确保视频已经加载  
    video.currentTime = 10; // 跳转到10秒  
  }  
}