コメント:ほとんどのビデオは、プラグイン(フラッシュなど)を介して表示されます。ただし、すべてのブラウザが同じプラグインを持っているわけではありません。HTML5は、ビデオ要素を介してビデオを含める標準的な方法を指定しています。
今日、ほとんどのビデオはプラグイン(Flashなど)を介して表示されます。ただし、すべてのブラウザが同じプラグインを持っているわけではありません。HTML5は、ビデオ要素を介してビデオを含める標準的な方法を指定しています。
HTML5では、ビデオ要素は現在、3つの形式のビデオファイルをサポートしています。
1.ogg = oggファイルは、theoraビデオエンコーディングとvorbisオーディオエンコーディングを備えています
2.MPEG4 = H.264ビデオエンコーディングとAACオーディオエンコーディングを備えたMPEG 4ファイル
3.Webm = VP8ビデオエンコーディングとVorbisオーディオエンコーディングを備えたWebmファイル
では、HTML5にビデオを表示する方法は?例は次のとおりです。
<ビデオsrc = "demo.mp4" controls = "controls">ブラウザはこのビデオ形式をサポートしていません。 </video>
さて、ビデオ要素の各属性の意味を説明しましょう。その中で、幅と高さは説明されません。主にコントロールについて話します。名前が示すように、コントロールはコントロール、ハハ、ビデオの再生、ボリュームの一時停止などのコントロールです。ビデオ要素の中央に挿入された漢字は、スマートであることを知っている必要があり、ブラウザがビデオ形式の使用をサポートしていないことをユーザーに促します。
Safariブラウザーに適していることを確認するには、ビデオファイルがMP4タイプである必要があることに注意してください。 OGG形式のビデオは、Firefox、Opera、Chromeブラウザーに適しています。 Internet Explorer 8はビデオ要素をサポートしていません。 IE 9では、MPEG4を使用したビデオ要素のサポートが提供されます。
もちろん、ブラウザがサポートしている動画の形式がわからない場合は、まず確認できます。検出方法は、別のブログ投稿で利用できます。興味があれば、チェックアウトできます。面倒になりたくない場合は、どうすればよいですか?これを行うことができます:
<ビデオコントロール= "controls">
<source src = "movie.ogg" type = "video/ogg">
<source src = "movie.mp4" type = "video/mp4">
ブラウザはこのビデオ形式をサポートしていません。
</video>
ビデオ要素は、複数のソース要素を許可します。ソース要素は、異なるビデオファイルをリンクできます。ブラウザは最初の認識可能な形式を使用するため、さまざまな形式でさらにいくつかのビデオを準備する必要があります。
次に、いくつかのビデオタグのプロパティを紹介します。
1.Autoplay:このプロパティは、ビデオが準備ができたときに自動的に再生されることを意味します。使用法:autoplay = autoplay
2.コントロール:このプロパティは、ユーザーが再生ボタンなどのコントロールで表示されることを意味します。使用法:コントロール=コントロール
3.height:高さを設定します
4.幅:幅を設定します
5.Loop:自動リプレイ、使用法:ループ=ループ
6.Preload:ビデオがロードされ、ページがロードされたときに再生される準備ができています。使用法:Preload = auto
自動 - ページが読み込まれた後にビデオ全体をロードする
メタ - ページのロード後にメタデータのみがロードされます
なし - ページがロードされた後にビデオがロードされません
注:Autoplayを使用すると、プリロードは無視されます。
7.SRC:ビデオを再生するためのURL