檢測您的瀏覽器是否支持 HTML5 視頻方法

本文轉載自查看原文 2013-03-25 10:48 2729 HTML5/ video

在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>

免責聲明！

本站轉載的文章為個人學習借鑒使用，本站對版權不負任何法律責任。如果侵犯了您的隱私權益，請聯系本站郵箱yoyou2525@163.com刪除。

猜您在找 檢測瀏覽器是否支持HTML5功能 HTML5 API 瀏覽器支持情況檢測讓所有瀏覽器支持HTML5 video視頻標簽判斷瀏覽器是否支持HTML5 video 檢測瀏覽器是否支持cookie方法支持HTML5的瀏覽器有哪些？ html5對各瀏覽器的支持情況（轉）讓所有瀏覽器支持HTML5 video視頻標簽檢測瀏覽器是否支持ES6 IE瀏覽器不支持 html5怎么辦？