HTML5ビデオタグビデオの解析

HTML5ビデオタグビデオは、新しい要素ビデオタグであり、HTML4に登場していない新しいタグです。 Webページにはビデオを表示するための標準がないため、ブラウザはビデオを再生するためにプラグインをロードする必要があります。プラグインやプラグイン自体の問題が多すぎると、ブラウザが偽造され、使用が不便になる可能性があります。したがって、HTML5ビデオタグビデオは、ブラウザがプラグインをロードする必要がある状況を変更し、ユーザーのWebエクスペリエンスをさらに改善し、ブラウザの偽の死を減らします。ビデオタグを使用すると、ユーザーはリラックスした快適な状況でビデオを視聴できます。

html5 <video>タグは、一般的に使用される3つのビデオ形式をサポートしています。

1。OGG= TheoraビデオエンコーディングとVorbisオーディオエンコーディングを備えたOGGファイル。

2。MPEG4= MPEG 4ファイルH.264ビデオエンコーディングとAACオーディオエンコーディング。

3。Webm= VP8ビデオエンコーディングとVorbisオーディオエンコーディングを備えたWebmファイル。

現在、主流のブラウザは、ビデオ形式のサポートが異なります。 HTML5が公式にリリースされる日は、より多くのビデオ形式をサポートし、開発者とユーザーに多くの利点をもたらすと思います。

HTML5ビデオタグビデオの使用について話しましょう。ブラウザにビデオを表示する必要がある場合は、必要なのは次のコードをコピーすることだけです。

<ビデオsrc = movie.ogg width = 320 height = 240コントロール=コントロール>

ブラウザはビデオタグをサポートしていません。

</video>

遊び、一時停止、およびボリュームコントロールを追加するための制御プロパティ。また、幅の幅と高さの特性を含めることをお勧めします。 <video>と</video>の間に挿入されたコンテンツは、ビデオ要素をサポートしていないブラウザーによって表示されます。

上記のコードは、Firefox、Opera、およびGoogle Chromeで機能するOGGファイルを使用しています。 Safariブラウザに適していることを確認するには、ビデオファイルがMPEG4形式である必要があります。 IE8はHTML5 <video>タグをサポートせず、IE9はこのタグをサポートしていますが、MPEG4形式も使用する必要があります。

ビデオ要素は、複数のソース要素を許可します。ソース要素は、さまざまな形式でビデオファイルをリンクできます。ブラウザは、最初の認識可能な形式を検出および使用します。コードは次のとおりです。

<ビデオ幅= 320高さ= 240コントロール=コントロール>

<source src = movie.ogg type = video/ogg>

<source src = movie.mp4 type = video/mp4>

ブラウザはビデオタグをサポートしていません。

</video>

以下は、<video>タグの一般的なプロパティです。

財産	価値	説明する
オートプレイ	オートプレイ	このプロパティが表示された場合、ビデオはすぐに再生されます。
コントロール	コントロール	このプロパティが表示されると、再生ボタンなどのユーザーにコントロールが表示されます。
身長	ピクセル	ビデオプレーヤーの高さを設定します。
ループ	ループ	このプロパティが表示されると、メディアファイルが再生が完了したときに再生が再び開始されます。
プリロード	プリロード	このプロパティが表示されると、ページが読み込まれ、再生される準備ができたときにビデオがロードされます。オートプレイを使用すると、このプロパティは無視されます。
SRC	URL	再生するビデオのURL。
幅	ピクセル	ビデオプレーヤーの幅を設定します。

HTML5ビデオタグビデオの出現により、ユーザーのWebのエクスペリエンスが大幅に向上し、ユーザーが閲覧して使用できるようになります。