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>