2017-12-29 49 views
0

フルビデオが有効になっているようにしましたが、デフォルトでは、ビデオの特定の部分が繰り返しループしていました。jQueryアクションHTMLビデオのある時点での操作

30秒のビデオの場合のように、10秒から始まる5秒のビデオを再生するように設定されている場合、10秒から10秒を再生し、10秒にループバックして再生します秒以上。

jqueryでビデオを監視すると、シークャーがビデオの特定のポイントにあるときにイベントを起動できますか?

+0

ここにコードを追加してください。 – RRK

+0

あなたはどこにいるのですか? –

+0

'ontimeupdate'イベントがあります。価値のある読書 – RRK

答えて

0

このコードでは、ビデオのループ可能な部分を2つ設定できるため、開始するには十分な解決策が必要です。 jQueryベースではありませんが、そのモデルに変換するには簡単です(手作業ではない)

<video id="video" controls="controls" muted preload="metadata" > 
    <source src="video.mp4" type="video/mp4" /> 
</video> 
<button onclick="repeat(1,3)">1-3</button> 
<button onclick="repeat(5,7)">5-7</button> 

<script> 
var funcLoop 
function repeat(startTime, endTime) { 
    var video = document.getElementById('video'); 
    video.removeEventListener('timeupdate', funcLoop, false); 
    video.addEventListener('timeupdate', funcLoop=function(){ 
     if (video.currentTime < startTime) { 
      video.currentTime = startTime; 
     } 
     if (video.currentTime >= endTime) { 
      video.currentTime = startTime; 
     }}, false); 
    video.play(); 
} 
</script> 
関連する問題