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

另请参阅： http ：//wiki.whatwg.org/wiki/Video_Metrics，了解Moz前缀。

Answer 2

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