Question

我的html页面中有一个.mp4视频。我对该视频应用了自动播放，它在结束帧时停止。我关注的是这个视频应该在视频播放完成后第一帧回来。任何人都可以建议我该怎么做才能做到这一点。感谢

Answer 1

如果您只想让视频循环播放并重新开始，可以使用'loop'属性：

<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

必须包含我使用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>

Answer 3

通过javascript并假设您知道视频的帧速率：

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

Html视频应该在第一帧停止

3 个答案: