如何檢查html5視頻支持？

Question

是否有任何JavaScript或任何其他方式檢查html5視頻支持？

Answer 1

在近代化看一看：http://www.modernizr.com/

Answer 2

一種方法是嵌入HTML5標籤，然後把視頻標籤內的另一視頻觀衆爲「回退」。如果瀏覽器不識別標籤，則會顯示回退。它不嚴格'檢測'html5視頻支持，但可能適合您的需求。

<video src='...'> 
    <embed flash player instead> 
</video> 

Answer 3

使用：

<script> 
alert(!!document.createElement('video').canPlayType); 
</script> 

如果它提醒真的意味着你的瀏覽器支持HTML5視頻標籤

這裏是URL檢查HTML5的瀏覽器兼容性http://www.html5test.com/ 打開網址在瀏覽器中測試你的瀏覽器支持多好HTML5

Answer 4

只是糖果-BlingBling的答案的一點點改進：對不起 - 我不能c omment但:(

var isHTML5Video = (typeof(document.createElement('video').canPlayType) != 'undefined') ? true : false; 

或者更簡單（感謝digitalBath - 一如既往我看不到樹木，不見森林:)）

var isHTML5Video = (typeof(document.createElement('video').canPlayType) != 'undefined');