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

如何检测您的浏览器是否支持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."
	}
} 

代码就是这么简单!!看看运行效果:

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

时间: 2024-10-31 10:49:34

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

如何判断当前浏览器是否支持html5的video标签

如何判断当前浏览器是否支持html5的video标签: html5新增了video标签,用于播放视频,功能非常的强大,但是由于当前很多浏览器还不支持,所以在使用的时候需要判断当前浏览器是否支持此标签,下面就提供一段能够实现此功能的代码,希望能够给需要的朋友带来一定的帮助. 代码如下: //检测是否支持HTML5 function checkVideo() { if(!!document.createElement('video').canPlayType){ var vidTest = docu

查询浏览器是否支持html5

js判断 插入js代码====================================================== <script> window.onload = function() { if (window.applicationCache) { alert("你的浏览器支持HTML5"); } else { alert("你的浏览器不支持HTML5"); } } </script> ==================

ie8以下版本(包括ie8)的浏览器不支持html5标签属性解决方案(Modernizr 2.6.2插件的使用)

今天脑抽想用html5标签设计一个网页,我本人用的是火狐浏览器,都弄好后我发现一个很严重的问题,除了ie9以下的浏览器都不能支持html5标签(article,aside,dialog,footer,header,section,footer,nav,figure,menu). 我上网找了好多中方法,有网友说使用 <!--[if lt IE9]> <script> (function() { if (! /*@[email protected]*/ 0) return; var e

检测浏览器是否支持HTML5/CSS3神器Modernizr

什么是Modernizr? Modernizr 是一个用来检测浏览器功能支持情况的 JavaScript 库. 目前,通过检验浏览器对一系列测试的处理情况,Modernizr 可以检测18项 CSS3 功能以及40多项关于HTML5 的功能. 它比传统检测浏览器名称(浏览器嗅探)的方式更为可靠. 一整套测试的执行时间仅需几微秒. 此外,Modernizr 网站通过定制脚本只对你感兴趣的元素进行检测,从而实现效率优化. 传统浏览器目前不会被完全取代,令你难以将最新的 CSS3 或 HTML5 功能

ie8下面版本号(包含ie8)的浏览器不支持html5标签属性解决方式(Modernizr 2.6.2插件的使用)

我这边申明下:我写这篇日志主要是想然ie8可以支持html5的个别标签闭合,并不能让ie全然支持html5.我之前写的可能会误导非常多同学.希望大家能明确. 今天脑抽想用html5标签设计一个网页.我本人用的是火狐浏览器,都弄好后我发现一个非常严重的问题.除了ie9下面的浏览器都不能支持html5标签(article,aside,dialog,footer,header,section,footer,nav,figure,menu). 我上网找了好多中方法.有网友说使用 <!--[if lt I

JS检测浏览器是否支持HTML5视频播放 (标签&lt;video&gt;) ,

function checkVideo() { if (!!document.createElement('video').canPlayType) { var vidTest = document.createElement("video"); oggTest = vidTest.canPlayType('video/ogg; codecs="theora, vorbis"'); if (!oggTest) { h264Test = vidTest.canPlay

解决浏览器不支持HTML5和CSS3

Modernizr插件可用于解决:<响应式web设计>提及! 其他: 第一种方法:IE9以下版本的IE将创建HTML5标签, 非IE浏览器会忽略这段代码,因此不会发生http请求,也就不影响网页执行效率. <!--[if lt IE9]> <script> (function() { if (! /*@[email protected]*/ 0) return; var e = "abbr, article, aside, audio, canvas, dat

解决IE9以下版本浏览器不支持HTML5标签的问题

使用HTML5Shiv越来越多的站点开始使用 HTML5 标签.但情况是还有很多人在使用IE6,IE7,IE8.为了让所有网站浏览者都能正常的访问网站,html5shiv出现了. 获得地址: http://www.bootcdn.cn/html5shiv/ https://github.com/aFarkas/html5shiv/ 使用方法:在head区域添加如下代码 <!--[if lt IE 9]> <script src="js/html5shiv.js">

让所有的浏览器都支持html5

<!--[if lt IE 9]> <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]-->