我如何開始HTML5視頻暫停然後用戶開始視頻然後自動播放？

我創建了一個html5視頻播放列表。首次加載頁面時，我希望視頻暫停，因此用戶可以選擇開始自動播放序列。我如何開始HTML5視頻暫停然後用戶開始視頻然後自動播放？

代碼：

<!DOCTYPE html> 
<html> 
<head> 
<script type='text/javascript'>//<![CDATA[ 
window.onload=function(){ 
var videoPlayer= document.getElementById('video'); 

videoPlayer.addEventListener('ended', function(){ 
this.pause(); 
this.src = "http://www.mp4point.com/downloads/8feeca1a540b.mp4"; 
}, false); 

}//]]> 

</script> 


</head> 
<body> 
    <video id="video" src="http://media.w3.org/2010/05/sintel/trailer.mp4" autoplay autobuffer controls /> 

</body> 


</html>

的jsfiddle：http://jsfiddle.net/3uRq6/7/

來源

2013-03-21 user2186669

使用flowpayer此任務 – 2013-03-25 12:03:09

通過它，你需要扭轉你的邏輯看起來。從<video>中刪除autoplay屬性，並在您的事件監聽器上，您應該更改src然後播放視頻。

http://jsfiddle.net/3uRq6/9/

<!DOCTYPE html> 
<html> 
<head> 
<script type='text/javascript'>//<![CDATA[ 
window.onload=function(){ 
var videoPlayer= document.getElementById('video'); 

videoPlayer.addEventListener('ended', function(){ 
    this.src = "http://www.mp4point.com/downloads/8feeca1a540b.mp4"; 
    this.play(); 
}, false); 

}//]]> 

</script> 


</head> 
<body> 
    <video id="video" src="http://media.w3.org/2010/05/sintel/trailer.mp4" autobuffer controls /> 

</body> 


</html>

來源

2013-03-21 14:10:49 Jrod

我如何開始HTML5視頻暫停然後用戶開始視頻然後自動播放？

回答

相關問題