Question

我正在用reactjs构建视频播放器。我有自定义的滑块。单击滑块时，我获取滑块的值并计算视频的当前时间，并使用document.getElementById（'video '）.currentTime =值。

但是，每当我向滑动条提供输入时，视频当前时间都设置为0。

但这在Firefox中可以正常工作，并显示警告消息“操作已中止” 它不适用于Chrome。

const pos = this.seek_bar.value;
this.video = document.getElementById("video");

let new_time = (pos / 100) * this.video.duration;

if (!isNaN(new_time)) this.video.currentTime = new_time;


this.video.addEventListener("timeupdate", () => {
  let value = (this.video.currentTime / this.video.duration) * 100;
  if (!isNaN(value)) {
     this.seek_bar.value = value;
  }
});

我希望Chrome设置我提供的当前时间。请帮助我解决该问题。

Answer 1

知道了。

问题在于从服务器流式传输视频。将现有代码更改为

db.vouchers.aggration([{$match:{$and:{$in:["test1","test2"]}}])

}

如何修复“ HTML5 currentTime始终设置为零”

1 个答案: