HTML5 js控制vedio视频和分段播放

HTML5 vedio常用的js操作

1、选择本地资源播放视频

html:

js:

var myVid=document.getElementById("video1");

function setMediaFile() {
   var file = document.getElementById('file').files[0];
   if(!file){
   	alert("Please upload file.");
   	return false;
   }
   var url = (window.URL) ? window.URL.createObjectURL(file) : window.webkitURL.createObjectURL(file);
   document.getElementById("video1").src = url;
}

2、设置，和获取当前视频播放的时间

利用currentTime来设置或获取当前时间
获取视频当前播放时间：myVid.currentTime
设置视频当前播放时间：myVid.currentTime="10"

3、监听视频播放事件

给视频添加timeupdate事件

myVid.addEventListener("timeupdate",timeupdate);
	function timeupdate(){
		//do something...
	}

4、综合事例
选择视频，指定设置视频播放开始时间，和结束时间，即分段播放视频

  
    
	
	
	    
	
	
	
  


	

		第5秒开始-10秒时暂停
		

		

		从第7秒开始播放