检测您的浏览器是否支持 HTML5 视频方法
在http://www.w3school.com.cn学习html5的时候，看到一个检测您的浏览器是否支持 HTML5 视频的方法：
运行效果：
1.在EditPlus中运行
2.在chrome浏览器中运行
=======================================================
代码部分：
=======================================================
1 <!DUCTYPE HTML>
2 <html>
3
4 <script type="text/javascript">
5 function checkVideo()
6 {
7 if(!!document.createElement('video').canPlayType)
8 {
9 var vidTest=document.createElement("video");
10 oggTest=vidTest.canPlayType('video/ogg; codecs="theora, vorbis"');
11 if (!oggTest)
12 {
13 h264Test=vidTest.canPlayType('video/mp4; codecs="avc1.42E01E, mp4a.40.2"');
14 if (!h264Test)
15 {
16 document.getElementById("checkVideoResult").innerHTML="Sorry. No video support."
17 }
18 else
19 {
20 if (h264Test=="probably")
21 {
22 document.getElementById("checkVideoResult").innerHTML="Yes! Full support!";
23 }
24 else
25 {
26 document.getElementById("checkVideoResult").innerHTML="Well. Some support.";
27 }
28 }
29 }
30 else
31 {
32 if (oggTest=="probably")
33 {
34 document.getElementById("checkVideoResult").innerHTML="Yes! Full support!";
35 }
36 else
37 {
38 document.getElementById("checkVideoResult").innerHTML="Well. Some support.";
39 }
40 }
41 }
42 else
43 {
44 document.getElementById("checkVideoResult").innerHTML="Sorry. No video support."
45 }
46 }
47 </script>
48
49 <body>
50
51 <p>检测您的浏览器是否支持 HTML5 视频：</p>
52
53 <div id="checkVideoResult" style="margin:10px 0 0 0; border:0; padding:0;">
54 <button onclick="checkVideo()" style="font-family:Arial, Helvetica, sans-serif;">Check</button>
55 </div>
56
57 </body>
58 </html>本文参与 腾讯云自媒体分享计划，分享自作者个人站点/博客。
原始发表：2013-03-25，如有侵权请联系 cloudcommunity@tencent.com 删除
评论
登录后参与评论
推荐阅读