jQuery从第二个零开始播放html5视频，但如果用户暂停视频，则保留当前帧

Question

我对本机html5视频有问题，我想用从视频帧中获取的poster进行自定义。 所以，我决定，我所有的视频都将排队的参数#t=1 ，告诉浏览器从第二启动视频1日起实施。 这样，我就有可能在视频中poster ，而不是黑色背景。 但是我有一个问题，可以简化为以下问题...使用以下JQuery code我告诉浏览器从第二个0而不是第二个1重新初始化视频，这是因为我的视频#t=1 。 因此，使用此JQuery code我部分解决了问题，因为我拥有视频poster ，尽管视频设置为在第二个1从第二个0开始之后开始播放，但这里出现了问题，用户单击视频，将其暂停，但总是从秒0开始，但是我宁愿万一用户暂停视频，也要从中断点开始而不是从头开始。

这是我的伪代码...

$(document).ready(function() {
  var video = $("video")[0];
  // video starting from #t=1 now play from #t=0
  $("video").on("play", function() {
    this.currentTime = 0;
  });
  // pseudo code...
  if pause video then continue from interruption
});

每个建议都表示赞赏。 谢谢。

 $(document).ready(function() { var video = $("video")[0]; $("video").on("play", function() { this.currentTime = 0; }); }); 

 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <div class="video-html5" style="float: left; margin: 0 5px 5px 0"><video width="560" height="315" controls preload="metadata"><source src="https://archive.org/download/ElephantsDream/ed_1024_512kb.mp4#t=1" type="video/mp4"></video></div> 

Answer 1

$("video").one(可以按照您的要求解决您的问题，但是我同意评论者的意见，您最好直接使用poster属性，而不要使用此hack 。

 $(document).ready(function() { $("video").one("play", function() { this.currentTime = 0; }); }); 

 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <div class="video-html5" style="float: left; margin: 0 5px 5px 0"><video width="560" height="315" controls preload="metadata"><source src="https://archive.org/download/ElephantsDream/ed_1024_512kb.mp4#t=1" type="video/mp4"></video></div>