在http://www.w3school.com.cn学习html5的时候,看到一个检测您的浏览器是否支持 html5 视频的方法:
运行效果:
1.在editplus中运行
2.在chrome浏览器中运行
=======================================================
代码部分:
=======================================================
复制代码代码如下:
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."
}
}
检测您的浏览器是否支持 html5 视频:
check