手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >使用js检测浏览器是否支持html5中的video标签的方法
使用js检测浏览器是否支持html5中的video标签的方法
摘要:复制代码代码如下://检测是否支持HTML5functioncheckVideo(){if(!!document.createElement...

复制代码 代码如下:

//检测是否支持HTML5

function checkVideo() {

if (!!document.createElement('video').canPlayType) {

var vidTest = document.createElement("video");

oggTest = vidTest.canPlayType('video/ogg; codecs="theora, vorbis"');

if (!oggTest) {

h264Test = vidTest.canPlayType('video/mp4; codecs="avc1.42E01E, mp4a.40.2"');

if (!h264Test) {

return false;

}

else {

if (h264Test == "probably") {

return true;

}

else {

return false;

}

}

}

else {

if (oggTest == "probably") {

return true;

}

else {

return false;

}

}

}

else {

return false;

}

}

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

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

【使用js检测浏览器是否支持html5中的video标签的方法】相关文章:

js+html5操作sqlite数据库的方法

JS动态增删表格行的方法

js+html5实现canvas绘制镂空字体文本的方法

js实现字符串转日期格式的方法

快速判断某个值是否在select中的方法

js+HTML5基于过滤器从摄像头中捕获视频的方法

jQuery判断一个元素是否可见的方法

javascript检测两个数组是否相似

简介JavaScript中用于处理正切的Math.tan()方法

js去除浏览器默认底图的方法

精品推荐
分类导航