使用js检测浏览器是否支持html5中的video标签的方法
159 浏览量
2020-12-09
15:54:27
上传
评论
收藏 27KB PDF 举报
使用使用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；
评论0