Angular 7 / JS,video.currentTime在Google Chrome上无法正常运行,但在Firefox上可以正常运行

时间:2019-10-03 20:50:59

标签: angular google-chrome video

我在我的角度应用程序上添加了一个自定义视频播放器,在Firefox上一切正常,但是当我尝试为我的视频设置currentTime时,它将返回0输出。

用来解释我在说什么的小代码:

this.bar.addEventListener('click', (evt) => {

  const scrubTime = (evt.offsetX / this.bar.offsetWidth) * this.mediaVideoPlaying.duration;

  this.mediaVideoPlaying.currentTime = scrubTime;

});

在Firefox上运行良好,但是当我在chrome上调试时currentTime自动返回0。 我正在本地环境上工作,我已经在chrome版本:77.0.3865.90上进行了测试。

感谢您的帮助。

1 个答案:

答案 0 :(得分:0)

我将回复我的帖子,问题可能来自服务器端。 确保服务器在请求的标题中提供正确的“内容类型”,例如对于“ video / mp4”,对于mp4视频,“访问范围”为“字节”,“连接为”保持-alive”。

Chrome是Chromium的基础,与Firefox的工作原理不同,Chrome每次您更新视频或音频文件的currentTime时都会调用服务器。

从头开始编写自己的Web服务器后,出现了此问题。 它与apache服务器(如果配置正确)一起很好地工作。