HTML5视频支持检测(检查浏览器是否支持视频播放)
导读：收集整理的这篇文章主要介绍了HTML5视频支持检测(检查浏览器是否支持视频播放 ，觉得挺不错的，现在分享给大家，也给大家做个参考。 复制代码代码如下: <strong>现在越来越多的网站都提供视频播放（非插件）。HTM...
收集整理的这篇文章主要介绍了HTML5视频支持检测(检查浏览器是否支持视频播放)，觉得挺不错的，现在分享给大家，也给大家做个参考。 复制代码代码如下:
strong> 现在越来越多的网站都提供视频播放（非插件）。HTML5 提供了展示视频的标准。那么如何检查你得浏览器是否支持视频播放呢，下面我们来写一个列子。/STRONG>
复制代码代码如下:
!DOCTYPE html PubLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
html XMlns="http://www.w3.org/1999/xhtml">
head>
body>
h1> html 5 视频/h1>
p> 检测您的浏览器是否支持 HTML5 视频：/p>
div id="checkVideoResult" style="margin:10px 0 0 0; border:0; padding:0; ">
button style="font-family:Arial, Helvetica, sans-serif; " onclick="checkVideo()"> Check/button>
/div>
/div>
/body>
/html>
下边是js代码：
复制代码代码如下:
function checkVideo()
{
if(!!document.createElement('video').can@R_512_2266@Type)
{
//创建video元素
VAR vidtest=document.createElement("video");
//检测是否可以播放ogg格式的视频
oggTest=vidTest.canPlayType('video/ogg; codecs="theora, vorbis"');
if (!oggTest)
{
//检测是否可以播放MP4格式的视频
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."
}
}
复制代码代码如下:
canPlayType方法说明：
1.定义：检测浏览器是否能播放指定的音频/视频类型。
2.返回值：
"probably" ,表示浏览器最可能支持该视频或音频。
"maybe" ,表示浏览器可能支持该视频或音频。
"" (空字符串),表示浏览器不支持该视频或音频。
注：@R_126_501@ Explorer 8 以及更早版本不支持该方法。
语法：audio|video.canPlayType(type))
参数说明:
type:要检测的音频或视频类型，
常用值：video/ogg; video/mp4; video/webm; audio/mpeg; audio/ogg; audio/mp4
常用值（包括要检测的音频或视频编解码器）：
video/ogg; codecs="theora, vorbis"
video/mp4; codecs="avc1.4D401E, mp4a.40.2"
video/webm; codecs="vp8.0, vorbis"
audio/ogg; codecs="vorbis"
audio/mp4; codecs="mp4a.40.5"
声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！
若转载请注明出处： HTML5视频支持检测(检查浏览器是否支持视频播放)
本文地址： https://pptw.com/jishu/585191.html