当前位置：主页 > 查看内容

检测浏览器是否支持html5视频的代码

发布时间：2021-09-14 00:00| 有 位朋友查看

简介：在http://www.w3school.com.cn学习html5的时候，看到一个检测您的浏览器是否支持 HTML5 视频的方法： 运行效果： 1.在EditPlus中运行 2.在chrome浏览器中运行 ======================================================= 代码部分： ========================……

在http://www.w3school.com.cn学习html5的时候，看到一个检测您的浏览器是否支持 HTML5 视频的方法：

运行效果：

1.在EditPlus中运行

2.在chrome浏览器中运行

=======================================================

代码部分：

=======================================================

复制代码
代码如下:

<!DUCTYPE HTML>
<html>
<script type="text/javascript">
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."
}
}
</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-serif;">Check</button>
</div>
</body>
</html>


原文链接：https://m.jb51.net/html5/76696.html
本站部分内容转载于网络，版权归原作者所有，转载之目的在于传播更多优秀技术内容，如有侵权请联系QQ/微信：153890879删除，谢谢！
上一篇：Html5实现如何在两个div元素之间拖放图像 下一篇：没有了

推荐图文

  • 周排行
  • 月排行
  • 总排行

随机推荐