欢迎光临杨雨的个人博客站!

杨雨个人网站-杨雨个人博客-杨照佳

杨雨个人博客网站

关注互联网和搜索引擎的个人博客网站

首页 > WEB开发 > html5案例分享 >

HTML5视频支持检测(搜查赏识器是否支持视频播放)

发布时间:2016-11-27  编辑:杨雨个人博客网站   点击:   



代码如下:
<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').canPlayType)
{
//建设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" ,暗示赏识器也许支持该视频或音频。
"" (空字符串),暗示赏识器不支持该视频或音频。
注:Internet 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"
本文地址:http://itbyc.com/web/html5/13560.html
转载请注明出处。
分享是一种快乐,也是一种美德:
评论列表(网友评论仅供网友表达个人看法,并不表明本站同意其观点或证实其描述)
博客首页 | WEB开发 | 网站运营 | CMS使用教程 滇ICP备14002061号-1