Html5 视频在浏览器中滞后

问题描述

我创建了一个网站，想在其中播放一些视频。

<video id="oldtv" width="1200" height="680" data-setup='{}'>
  <source src="" type="video/mp4">
</video>

Src 为空，因为视频的实际链接是动态更改的。

$("#oldtv").find("source").attr("src","video/vid" + (index + 1) + ".mp4");

问题是视频播放（非常）滞后。真的没有什么太糟糕的，但它不应该发生。我可以毫无问题地播放 youtube 视频和其他东西。 该站点不会在线使用，并且将始终在本地主机上运行，​​因此 Internet 连接速度慢不是问题。例如，当我在 Quicktime 播放器中打开它时，它播放得很好，不慢，没有延迟，什么都没有。但是当我在我的网络浏览器中查看它时，它几乎就像是在缓慢的互联网上播放...... 它发生在 Chrome 和 FF 中（没有尝试过其他浏览器），硬件加速没有任何作用。这可能是什么原因？

解决方法

您的视频的比特率和所提供视频的尺寸是多少？

Ffprobe是一个可以告诉你的工具（如果你的视频在线，你可以用https://ffprobe.a.video测试）

可能是视频太大，被网络限制了。

道格