コメント：W3Cの学習は、ブラウザがHTML5ビデオをサポートするかどうかを検出する方法です。ここであなたと共有します。興味のある人はそれを参照できます。私はそれがあなたを助けることができることを願っています。
HTML5を学習するとき、ブラウザがHTML5ビデオをサポートしているかどうかを検出する方法を見ました。
ランニング効果：
1。editplusで実行します
2。Chromeブラウザで実行します
======================================================================================================
コードセクション：
======================================================================================================
<！ductype html>
<html>
<script type = "text/javascript">
関数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 = "ごめんなさい。ビデオサポートなし。"
}
それ以外
{
if（h264test == "おそらく"）
{
document.getElementById（ "CheckVideoresult"）。innerhtml = "yes！full support！";
}
それ以外
{
document.getElementById（ "CheckVideoresult"）。innerhtml = "well。いくつかのサポート。";
}
}
}
それ以外
{
if（oggtest == "おそらく"）
{
document.getElementById（ "CheckVideoresult"）。innerhtml = "yes！full support！";
}
それ以外
{
document.getElementById（ "CheckVideoresult"）。innerhtml = "well。いくつかのサポート。";
}
}
}
それ以外
{
document.getElementById（ "CheckVideoresult"）。innerhtml = "ごめんなさい。ビデオサポートなし。"
}
}
</script>
<body>
<p>検出ブラウザがHTML5ビデオをサポートするかどうか：</p>
<div>
<ボタン>チェック</button>
</div>
</body>
</html>