展会信息港展会大全

js检测浏览器是否支持html5中的video标签的方法
来源:互联网   发布日期:2016-01-26 11:10:30   浏览:2455次  

导读:这篇文章主要介绍了使用js检测浏览器是否支持html5中的video标签的方法,需要的朋友可以参考下代码如下: 检测是否支持HTML5function checkVideo() { if (!!document createElement( 39;video 39;) canPl ...

这篇文章主要介绍了使用js检测浏览器是否支持html5中的video标签的方法,需要的朋友可以参考下

代码如下:

//检测是否支持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;

赞助本站

人工智能实验室

相关热词: html5 video js

AiLab云推荐
展开

热门栏目HotCates

Copyright © 2010-2024 AiLab Team. 人工智能实验室 版权所有    关于我们 | 联系我们 | 广告服务 | 公司动态 | 免责声明 | 隐私条款 | 工作机会 | 展会港