首页前端开发HTML检测浏览器是否支持html5视频的代码

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

时间2024-01-24 07:37:34发布访客分类HTML浏览153
导读:收集整理的这篇文章主要介绍了检测浏览器是否支持html5视频的代码,觉得挺不错的,现在分享给大家,也给大家做个参考。 在http://www.w3school.COM.cn学习htML5的时候,看到一个检测您的浏览器是否支持 HT...
收集整理的这篇文章主要介绍了检测浏览器是否支持html5视频的代码,觉得挺不错的,现在分享给大家,也给大家做个参考。

在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>

声明:本文内容由网友自发贡献,本站不承担相应法律责任。对本内容有异议或投诉,请联系2913721942#qq.com核实处理,我们将尽快回复您,谢谢合作!

html5支持浏览器视频"

若转载请注明出处: 检测浏览器是否支持html5视频的代码
本文地址: https://pptw.com/jishu/585164.html
HTML5中的Article和Section元素认识及使用 html5 canvas里绘制椭圆并保持线条粗细均匀的技巧

游客 回复需填写必要信息