0

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/

4

1 に答える 1

0

一見すると、ロジックを逆にする必要があります。autoplayから属性を削除<video>し、イベントリスナーで変更して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-21T14:10:49.620 に答える