复制代码
代码如下：
<STRONG>现在越来越多的网站都提供视频播放（非插件）。HTML5提供了展示视频的标准。那么如何检查你得浏览器是否支持视频播放呢，下面我们来写一个列子。</STRONG>
复制代码
代码如下：
<！DOCTYPEhtmlPUBLIC“-//W3C//DTDXHTML1.0Strict//EN”“http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd”><htmlxmlns=“http：//www.w3.org/1999/xhtml“><head><body><h1>HTML5视频</h1><p>检测您的浏览器是否支持HTML5视频：</p><divid=“checkVideoResult”style=“margin：10px000;border：0;padding：0;”><buttonstyle=“font-family：Arial，Helvetica，sans-serif;”onclick=“checkVideo（）”>检查</button></div></div></body></html>
下边是js代码：
复制代码
代码如下：
functioncheckVideo（）{if（!!document.createElement（'video'）。canPlayType）{//创建video元素varvidTest=document.createElement（“video”）;//检测是否可以播放ogg格式的视频oggTest=vidTest.canPlayType（'video/ogg;codecs=“theora，vorbis”'）;如果（！oggTest）{//检测是否可以播放MP4格式的视频h264Test=vidTest.canPlayType（'video/mp4;codecs=“avc1.42E01E，mp4a.40.2”'）;“（（h264Test）{document.getElementById（”checkVideoResult“）。innerHTML=”对不起。不支持视频。“}else{if（h264Test==“=”可能“）{document.getElementById（”checkVideoResult“）。innerHTML=”是!全面支持！“;}其他
{document.getElementById（“checkVideoResult”）。innerHTML=“好。有一些支持。”;}}}其他{如果（oggTest==“=”可能“）{document.getElementById（”checkVideoResult“）。innerHTML=”是！完全支持！“;}else{document.getElementById（“checkVideoResult”）。innerHTML=“Well。有些支持。”;}}}其他{document.getElementById（“checkVideoResult”）。innerHTML=“抱歉。不支持视频。”}}
复制代码
代码如下：
canPlayType方法说明：1.定义：检测浏览器是否能播放指定的音频/视频类型。2.返回值：“可能”，表示浏览器最可能支持该视频或音频。“也许”，表示浏览器可能支持该视频或音频。“”（空字符串），表示浏览器不支持该视频或音频。注：InternetExplorer8以及更早版本不支持该方法。语法：audio|video.canPlayType（type））参数说明：类型：要检测的音频或视频类型，常用值：video/ogg;video/mp4;video/webm;audio/mpeg;audio/ogg;audio/mp4常用值（包括要检测的音频或视频编解码器）：video/ogg;codecs=“theora，vorbis”视频/mp4;codecs=“avc1.4D401E，mp4a.40.2”视频/webm;codecs=“vp8.0，vorbis”音频/ogg;codecs=“vorbis”音频/mp4;codecs=“mp4a.40.5”
如需转载，请注明文章出处和来源网址：http://www.divcss5.com/html/h60801.shtml
