選択した時間内にループでビデオを再生

Question

長さが2分の私のビデオファイルがあります。初めて、ビデオは最初から再生され、ビデオは1.00秒から2.00秒までループして再生する必要があります。 jqueryを使用してこれを行うことは可能ですか？私は別の方法を試みました。それは動作しますが、ビデオにジャンプがあります。 Change video source after the first video ends。

はJQuery：

document.getElementById('bgvid').addEventListener('ended', myHandler, false); 

function myHandler(e) { 
    //*what to do?*// 
} 

HTML：

div class="anim-logo "> 
    <video playsinline autoplay muted poster="assets/img/video3.jpg" id="bgvid"> 
    <source src="assets/img/video3.webm" type="video/webm"> 
    <source src="assets/img/video3.mp4" type="video/mp4"> 
</video> 
     </div><!--end of anim logo--> 

Answer 1

あなたはこのような何かを行うことができます。

var video = document.getElementById('videoElm') 
 
video.addEventListener('ended',function(){ 
 
    // set the video's start position to the video's duration minus 10 seconds. "video.currentTime" is in milliseconds, "video.duration" is in seconds 
 
    video.currentTime = (parseInt(video.duration) - 10) * 1000; 
 
    video.play(); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div> 
 
    <video id="videoElm" autoplay muted> 
 
    <source src="http://clips.vorwaerts-gmbh.de/VfE_html5.mp4" type="video/webm"> 
 
</video> 
 
</div>

ここで

は、私が持っているコードです