在http://www.w3school.com.cn学习html5的时候，看到一个检测您的浏览器是否支持 html5 视频的方法：
运行效果：
1.在editplus中运行
2.在chrome浏览器中运行
=======================================================
代码部分：
=======================================================
复制代码 代码如下:
<!ductype html>
<html>
&l小 游戏t;script type=”text/javascript”>
function checkvideo()
{
if(!!document.createelement(‘videoR歌曲风往北吹17;).canplaytype)
{
var vidtest=document.createelement(“video”);
oggtest=vidtest.canplaytype(‘video/ogg; codecs=”theora, vorbis”‘);
if (!oggtest)
{
h264t创新创业培训est=vidtest.canplaytype(‘video/mp4; codecs=”avc1.42e01e, mp4a.40.2″‘);
if (!h264test)
{
document.getelementbyid(“checkvideoresult”).innerhtml=”sorry. no video support.”
}
el
{
if (h264test==”probably”)
{
document.getelementby双孢菇id(“checkvideoresult”).innerhtml=”yes! full support!”;
}
el
{
document.getelementbyid(“checkvideoresult”).innerhtml=”well. some support.”;
}
}
}
el
{
if (oggtest==”probably”)
{
document.getelementbyid(“checkvideoresult”).innerhtml=”yes! full support!”;
}
el
{
document.getelementbyid(“checkvideoresult”).innerhtml=”well. some support.”;
}
}
}
el
{
document.getelementbyid(“checkvideoresult”).innerhtml=”sorry. no video support.”
}
}
</script>
<body>
<p>检测您的浏览器是否支持 html5 视频：</p>
<div id=”checkvideoresult” style=”margin:10px 0 0 0; border:0; padding:0;”>
<button onclick=”checkvideo()” style=”font-family:arial, helvetica, sans-rif;”>check</bu用什么可以解开所有的谜tton>
</div>
</body>
</html>
本文发布于:2023-04-03 05:56:55，感谢您对本站的认可！
本文链接：https://www.wtabcd.cn/fanwen/zuowen/044e155286a518cbfc93b55434da3fcd.html
版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系，我们将在24小时内删除。
本文word下载地址：检测浏览器是否支持html5视频的代码.doc
本文 PDF 下载地址：检测浏览器是否支持html5视频的代码.pdf
| 留言与评论（共有 0 条评论） |
