Html видео должно остановиться на первом кадре

Question

У меня есть видео .mp4 на моей странице html. Я применил автовоспроизведение к этому видео, оно останавливается при завершении кадра. Моя озабоченность здесь заключается в том, что это видео должно появиться на первом кадре после воспроизведения видео. Может кто-нибудь предложить, что я должен сделать, чтобы сделать это. Благодаря

Answer 1

Если вы просто хотите видео в петлю и снова начать вы можете использовать «петля» атрибут:

<video controls loop> 
    <source src="yourVideo.mp4" type="video/mp4"> 
    ... 
</video> 

Если вы хотите, чтобы обнаружить конец видео и делать что-то другое, как перезапустить видео, которое вы можете использовать конец видео события в JavaScript:

$("#yourVideo").on("ended", function() { 
    //Add whatever you want to do when the video ends here 
    video.pause(); 
    video.currentTime = 0; 
    video.play(); //You may not need this - experiment on different browsers 
    video.pause(); 
}); 

Answer 2

по яваскрипту и при условии, что вы знаете частоту кадров видео:

function goFirstFrame() { 
    var video = document.getElementById('videoId'); 
    var frameTime = 1/25; // If your video is 25fps 
    video.currentTime = 0 + frameTime; 
    video.pause(); 
} 

Answer 3

Должен включать js файл Я использую CDN

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script> 

<script type='text/javascript'> 
    $(document).ready(function() { 
    document.getElementById('Sample').addEventListener('ended',myHandler,false); 
      function myHandler(e) { 
       var video =document.getElementById('Sample'); 
       video.currentTime = 0; 
       video.pause(); 
      } 
    }); 
</script> 

HTML

<video src="video.mp4" id="Sample" autoplay> 
     video not supported 
</video>