HTML5视频搜索到视频中间'end '在Safari

HTML5 video seeking to mid-video on 'ended' on Safari

本文关键字：视频 end Safari 搜索 中间 HTML5      更新时间：2023-09-26

我使用<video>作为背景英雄视频。0点开始。当它到达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')，所以有什么事。谢谢你的帮助!

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;
}
相关文章：