检测浏览器是否支持HTML5视频

转载于 2015-05-29 16:41:32 发布 · 782 阅读

html5 专栏收录该内容

31 篇文章

订阅专栏

本文提供了一段JavaScript代码，用于检测浏览器对HTML5视频的支持情况，包括对不同编解码器的支持，并根据检测结果更新页面提示信息。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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."
	}
}