Html5 视频在浏览器中滞后答案

【问题标题】：Html5 video is laggy in browserHtml5 视频在浏览器中滞后
【发布时间】：2021-03-16 03:06:38
【问题描述】：

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

<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 视频和其他东西。该站点不会在线使用，并且将始终在本地主机上运行，因此互联网连接速度慢不是问题。例如，当我在 Quicktime 播放器中打开它时，它播放得很好，不慢，没有延迟，什么都没有。但是当我在我的网络浏览器中查看它时，它几乎似乎是在慢速互联网上播放的...... 它发生在 Chrome 和 FF 中（没有尝试过其他浏览器），硬件加速没有任何作用。这可能是什么原因？

【问题讨论】：

标签： html video html5-video

【解决方案1】：

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

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

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

道格

【讨论】：