HTML5 <video>标签性能

Question

5

我页面顶部有一个<video>元素，在背景中播放动画（非常类似于Google Hangouts页面上的动画）。在大多数计算机上，视频播放很流畅，看起来也很正常，但是在较老的硬件上，会出现很多卡顿和浏览器明显变慢。

是否有办法检测视频播放的效果呢？如果性能有问题，我想要将视频替换为静态图像或暂停视频。

- Steve

您可以使用Webkit Profiler（配置文件，审核选项卡），该工具随Google Chrome等Web浏览器一起提供。 - ltalhouarne

是的，那是真的，但我想使用JavaScript客户端检测它，这样我就可以在用户的计算机上播放视频时停止它或用图像替换它，以防无法处理它。抱歉没有表达清楚！ - Steve

2个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Brad · Answer 1

如果您的浏览器支持视频指标，请使用它们。以下是一个示例，使用webkit前缀的DroppedFrameCount。

- Jordan · Answer 2

你可以使用获取已加载页面的时间戳来确定用户加载页面的速度，然后如果他们的带宽低于指定的阈值，提供图像而不是变量。