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

您可以使用獲取加載頁面的時間戳來確定用戶加載頁面的速度，然后如果其帶寬低於指定閾值，則提供圖像而不是變量。