如何检测浏览器是否支持html5,网页视频播放器html5
复制代码代码如下:
强烈的现在越来越多的网站都提供视频播放(非插件)。HTML5提供了展示视频的标准。那么如何检查你得浏览器是否支持视频播放呢,下面我们来写一个列子100/STRONG复制代码代码如下:
!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Strict//EN http://www。w3。org/TR/XHTML 1/DTD/XHTML 1-Strict。 DTD
html xmlns= http://。w3。 org/1999/XHTML
头
身体
h1HTML 5视频/h1
p检测您的浏览器是否支持HTML5视频:/p
div id=检查视频结果 style= margin:10px 0 0;边框:0;填充:0;
字体系列:Arial,Helvetica,无衬线字体;onclick=checkVideo()检查/按钮
/div
/div
/body
/html
下边是射流研究…代码:复制代码代码如下:
函数检查视频()
{
如果(!document . createelement(“video”).canPlayType)
{
//创建录像元素
var vid测试=文档。createelement(“video”);
//检测是否可以播放格式格式的视频
ogg测试=vid测试。canplaytype( video/ogg;编解码器=theora,vorbis );
如果(!oggTest)
{
//检测是否可以播放MP4格式的视频
h 264测试=vid测试。can playtype( video/MP4;编解码器=avc1.42E01E,mp4a。40.2 );
如果(!h264测试)
{
文档。getelementbyid(“检查视频结果”).innerHTML=对不起。没有视频支持。
}
其他
{
if (h264Test==大概)
{
文档。getelementbyid(“检查视频结果”).innerHTML=是的!全力支持!";
}
其他
{
文档。getelementbyid(“检查视频结果”).innerHTML=嗯。一些支持。
}
}
}
其他
{
if (oggTest==大概)
{
文档。getelementbyid(“检查视频结果”).innerHTML=是的!全力支持!";
}
其他
{
文档。getelementbyid(“检查视频结果”).innerHTML=嗯。一些支持。
}
}
}
其他
{
文档。getelementbyid(“检查视频结果”).innerHTML=对不起。没有视频支持。
}
} 复制代码代码如下:
canPlayType方法说明:
1.定义:检测浏览器是否能播放指定的音频/视频类型。
2.返回值:
很可能,表示浏览器最可能支持该视频或音频。
也许吧,表示浏览器可能支持该视频或音频。
(空字符串),表示浏览器不支持该视频或音频。
注:Internet Explorer 8以及更早版本不支持该方法。
语法:audiovideo.canPlayType(type))
参数说明:
类型:要检测的音频或视频类型,
常用值:视频/ogg;视频/MP4;视频/webm;音频/mpeg;音频/ogg;音频/mp4
常用值(包括要检测的音频或视频编解码器):
视频/ogg;编解码器=theora,vorbis
视频/MP4;编解码器=avc1.4D401E,mp4a.40.2
视频/webm;编解码器=vp8.0,vorbis
音频/ogg;编解码器=vorbis
音频/MP4;编解码器=mp4a.40.5
郑重声明:本文由网友发布,不代表盛行IT的观点,版权归原作者所有,仅为传播更多信息之目的,如有侵权请联系,我们将第一时间修改或删除,多谢。