码迷,mamicode.com
首页 > Web开发 > 详细

如何检测您的浏览器是否支持HTML5视频

时间:2014-11-26 14:27:05      阅读:219      评论:0      收藏:0      [点我收藏+]

标签:html5   video   html5视频   检测浏览器支持video   ogg   

如何检测您的浏览器是否支持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){
				document.getElementById("checkVideoResult").innerHTML="Sorry. No video support."
			}else{
				if (h264Test=="probably"){
					document.getElementById("checkVideoResult").innerHTML="Yes! Full support!";
				}
				else{
					document.getElementById("checkVideoResult").innerHTML="Well. Some support.";
				}
			}
		}
		else{
			if (oggTest=="probably"){
				document.getElementById("checkVideoResult").innerHTML="Yes! Full support!";
			}
			else{
				document.getElementById("checkVideoResult").innerHTML="Well. Some support.";
			}
		}
	}
	else{
		document.getElementById("checkVideoResult").innerHTML="Sorry. No video support."
	}
} 
代码就是这么简单!!看看运行效果:

bubuko.com,布布扣

欢迎大家关注我的博客!如有疑问,请加QQ群:135430763共同学习!

如何检测您的浏览器是否支持HTML5视频

标签:html5   video   html5视频   检测浏览器支持video   ogg   

原文地址:http://blog.csdn.net/xmtblog/article/details/41513925

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!