HTML5 <video> 标签性能

Question

我的页面顶部有一个<video> 元素，在后台播放动画（与Google Hangouts 页面上的动画非常相似）。在大多数计算机上，视频播放流畅且看起来不错，但在较旧的硬件上会有很多延迟，并且浏览器会变慢很多。

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

Answer 1

如果在您的浏览器中可用，请使用视频指标。这是一个使用 webkit 前缀 DroppedFrameCount 的示例。

http://git.chromium.org/gitweb/?p=chromium.git;a=blob;f=chrome/test/data/media/html/media_stat_perf.html

有关 Moz 前缀，另请参阅：http://wiki.whatwg.org/wiki/Video_Metrics。

Answer 2

您可以使用Get the timestamp of loaded page 来确定用户加载页面的速度，然后如果他们的带宽低于指定阈值，则提供图像而不是变量。