检测是否支持HTML5中的Video标签 

 1 //检测是否支持HTML5
 2 function checkVideo() {
 3     if (!!document.createElement('video').canPlayType) {
 4         var vidTest = document.createElement("video");
 5         oggTest = vidTest.canPlayType('video/ogg; codecs="theora, vorbis"');
 6         if (!oggTest) {
 7             h264Test = vidTest.canPlayType('video/mp4; codecs="avc1.42E01E, mp4a.40.2"');
 8             if (!h264Test) {
 9                 return false;
10             }
11             else {
12                 if (h264Test == "probably") {
13                     return true;
14                 }
15                 else {
16                     return false;
17                 }
18             }
19         }
20         else {
21             if (oggTest == "probably") {
22                 return true;
23             }
24             else {
25                return false;
26             }
27         }
28     }
29     else {
30         return false;
31     }
32 }

用上述的办法可以判断当前浏览器是否支持HTML5中的Video标签，并能支持使用MP4格式进行播放（因为Firefox貌似因为版权原因，不支持以H.264编码的MP4格式播放），如果返回true，则可以使用HTML5中的Video进行播放视频，返回false，则用Flash插件进行播放。

此方法一般用于视频网站，兼容手机，平板等设备进行视屏的播放，主要还是为了兼容IOS；

posted @ 2013-09-28 10:55  -Xu-Zhao-  阅读(623)  评论(0)  编辑  收藏  举报