コメント:HTML5は、ビデオを表示するための標準を提供します。では、ブラウザがビデオ再生をサポートするかどうかを確認する方法は?小さな例をあなたと共有しましょう。興味のある友達はそれについて学ぶことができます。
<strong>ますます多くのWebサイトがビデオ再生(非プラグイン)を提供しています。 HTML5は、ビデオを提示するための標準を提供します。では、ブラウザがビデオ再生をサポートするかどうかを確認する方法は?以下に列を書きましょう。 </strong>
<!doctype html public " - // w3c // dtd xhtml 1.0 strict // en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-strict.dtd">
<html xmlns = "http://www.w3.org/1999/xhtml">
<head>
<body>
<H1> HTML 5ビデオ</h1>
<p>検出ブラウザがHTML5ビデオをサポートするかどうか:</p>
<div>
<ボタン>チェック</button>
</div>
</div>
</body>
</html>
以下はJSコードです。
関数checkvideo()
{
if(!! document.createelement( 'video')。canplayType)
{
//ビデオ要素を作成します
var vidtest = document.createelement( "video");
//検出ogg形式でビデオを再生できるかどうか
oggtest = vidtest.canplaytype( 'video/ogg; codecs = "theora、vorbis"');
if(!oggtest)
{
// MP4形式のビデオを再生できるかどうかを検出します
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 = "ごめんなさい。ビデオサポートなし。"
}
}
CanPlayTypeメソッド説明:
1。定義:ブラウザが指定されたオーディオ/ビデオタイプを再生できるかどうかを検出します。
2。返品値:
「おそらく」とは、ブラウザがビデオまたはオーディオをサポートする可能性が最も高いことを意味します。
「たぶん」とは、ブラウザがビデオまたはオーディオをサポートできることを意味します。
""(空の文字列)は、ブラウザがビデオやオーディオをサポートしていないことを意味します。
注:Internet Explorer 8以前のバージョンはこの方法をサポートしていません。
構文:audio | video.canplayType(タイプ))
パラメーター説明:
タイプ:検出されるオーディオまたはビデオの種類、
一般的に使用される値:ビデオ/ogg;ビデオ/mp4;ビデオ/webm;オーディオ/MPEG;オーディオ/ogg;オーディオ/MP4
共通値(検出されるオーディオまたはビデオコーデックを含む):
ビデオ/ogg; Codecs = "Theora、Vorbis"
ビデオ/mp4; codecs = "avc1.4d401e、mp4a.40.2"
ビデオ/webm; codecs = "vp8.0、vorbis"
オーディオ/ogg; Codecs = "Vorbis"
オーディオ/MP4; codecs = "mp4a.40.5"