HTML5 视频当前时间未在 Chrome 中更新

Question

在 Chrome 中，出于某种原因在页面中，如果我为 <video id="player" preload="metadata" playsinline> 标签设置了 currentTime，它不会更新。例如，如果我设置document.getElementById('player').currentTime = 5，它不会更新。它从 0 开始播放。

我在另一个页面中添加了相同的代码，但它在 Chrome 中运行良好，没有任何问题。在 Firefox 中，这两个页面都运行良好。

仅供参考，我正在尝试使用自定义视频控件查找视频并设置当前时间。只有在这种情况下，它才能工作。

我不知道发生了什么。请给点建议。

Answer 1

您应该加载您的视频，并且仅在设置 .currentTime 之后。

试试这个：

let player = document.getElementById('player');
preload(player, 5);
function preload(elem, time){
 elem.setAttribute('preload', 'auto');
 elem.addEventListener('canplaythrough', setCurrentTime);
 function setCurrentTime(){
 elem.currentTime  = time;
 elem.setAttribute('preload','none');
 elem.removeEventListener('canplaythrough', setCurrentTime);
 }
}