JavaScript/HTML5で一時停止した後に動画再生を再開しますか？

ビデオを一時停止して再生を再開しようとしています。しかし、私は何とか一時停止機能をクリアする必要があると思いますか？私はmyVideo.play（）の反復を試みましたが、再生することはできますが、短いバーストの場合に限ります。どんな助けでも大歓迎です。JavaScript/HTML5で一時停止した後に動画再生を再開しますか？

<!DOCTYPE html> 
<html> 
<head> 
<title> Html5 Video Test </title> 
<meta charset="UTF-8"> 
</head> 

<body> < 
<div style="text-align:center"> 

    <button onclick="playPause()">Play/Pause</button> 

    <video id="video1" width="420" autoplay> 

    <source src="test.mov" type="video/mov"> 
    <source src="test.mp4" type="video/mp4"> 
    Your browser does not support HTML5 video. 
    </video> 
</div> 

<script> 


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

myVideo.addEventListener("timeupdate", function(){ 
    if(this.currentTime >= 1 * 2) { 
     this.pause(); 
    } 
}); 

</script> 
</body> 
</html>

出典

2016-09-19 johan englund

私が正しく理解していれば、あなたは（あなたが次のビデオを再生するときに、それはちょうど、すぐに再び一時停止されません）を1回のみの火災にイベントリスナーをしたいです。もしそうなら、このショットを与えてください：

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

// Give this function a name so we can refer to it later. 
function pauseOnce() { 
    if (this.currentTime >= 1 * 2) { 
     this.pause(); 

     // Our work is done. Remove the event listener. (We need a reference to 
     // the function here.) 
     this.removeEventListener("timeupdate", pauseOnce); 
    } 
} 

myVideo.addEventListener("timeupdate", pauseOnce);

出典

2016-09-19 17:18:06 smarx

あなたの助けをありがとう、非常に便利です。私はこれを試して、それがどうなるかを見てみましょう。乾杯J –

おかげさまで、ちょっとした手品をしてから、私は明らかにビデオを再開する機能を追加する必要があることに気付きました。これはおそらく多くの人には明らかだとわかっていますが、html5ビデオを一時停止/再開する方法の回答を巡って私はこれをフォローアップのコメントとして追加しています。上の@smarxコードの後に、関連するhtmlボタンと共に次の関数を追加します。 'function resume（）{ vid.play（）; } ' –

JavaScript/HTML5で一時停止した後に動画再生を再開しますか？

答えて

関連する問題