在Safari上搜索“已結束”的中間視頻的HTML5視頻

Question

我正在使用<video>作為背景英雄視頻。 它從0:00開始。 當它到達0:11剪輯的末尾時，它會彈回：02並從那里重復。 我完成了它：

document.getElementById('bgvid').addEventListener('ended',repeatVid,false);
function repeatVid(e) {
  var mediaElement = document.getElementById('bgvid');
  mediaElement.currentTime = 2;
  mediaElement.play();
}

我只關心桌面體驗，因為它在平板電腦/手機上轉換為后備圖像。 這適用於Chrome，Firefox甚至IE。 然而，Safari從0:00而不是02重復。

將整個函數放在onclick按鈕而不是addeventListener 。 重新分配currentTime似乎不是問題。 我已經嘗試將整個內容放在video.oncanplaythrough = function () { 。 我已經嘗試將.addEventListener('ended')更改$('video').on('ended',function(){或video.onended = function () { 。

似乎.play（）總是會把你送回到0:00，除了我可以讓它繼續工作on('click') ，所以有一些東西。 謝謝你的幫助！

Answer 1

Safari中的play()函數似乎將currentTime重置為零。

如果您play()視頻並在此之后直接設置currentTime，它將按預期工作：

document.getElementById('bgvid').addEventListener('ended',repeatVid,false);
function repeatVid(e) {
  var mediaElement = document.getElementById('bgvid');
  mediaElement.play();
  mediaElement.currentTime = 2;
}