HTML5 ビデオ

Web サイト上のビデオ

これまで、Web ページ上にビデオを表示するための標(biāo)準(zhǔn)はありませんでした。

現(xiàn)在、ほとんどのビデオはプラグイン (Flash など) を介して表示されます。ただし、すべてのブラウザに同じプラグインがあるわけではありません。

HTML5 は、video 要素を介してビデオを含める標(biāo)準(zhǔn)的な方法を指定します。

HTML5 (ビデオ) - 仕組み

HTML5 でビデオを表示するには、次のものが必要です:

インスタンス

<video width="320" height="240" controls>
  <source src="視頻文件名稱" type="視頻格式">
  <source src="視頻文件名稱" type="視頻格式">
您的瀏覽器不支持Video標(biāo)簽。
</video>

autoplay 屬性

インスタンス

ビデオを自動(dòng)再生するように設(shè)定する 要素:

<video controls="controls" autoplay="autoplay"> 
 <source src="視頻文件名稱" type="視頻格式"> 
  <source src="視頻文件名稱" type="視頻格式">
您的瀏覽器不支持Video標(biāo)簽。
</video>

controls: この屬性が表示される場(chǎng)合、再生ボタンなどのコントロールがユーザーに表示されます。

<video> 要素は、ビデオを制御するための再生、一時(shí)停止、および音量のコントロールを提供します。

同時(shí)に、<video> 要素はビデオのサイズを制御する幅と高さの屬性も提供します。高さと幅が設(shè)定されている場(chǎng)合、ページが読み込まれるときに必要なビデオ領(lǐng)域が予約されます。 。これらのプロパティが設(shè)定されておらず、ブラウザーがビデオのサイズを認(rèn)識(shí)していない場(chǎng)合、ブラウザーは読み込み時(shí)に特定のスペースを予約できず、ページは元のビデオのサイズに基づいて変更されます。

<video> タグと </video> タグの間に挿入されたコンテンツは、video 要素をサポートしていないブラウザーに提供されます。

ビデオ形式とブラウザのサポート

現(xiàn)在、<video> 要素は MP4、WebM、Ogg の 3 つのビデオ形式をサポートしています:

ブラウザ MP4 WebM Ogg

エクスプローラーはいいいえクロムはいはいはいはいはいはいはいはいファイル

webm= VP8ビデオエンコードとVorbisオーディオエンコーディング

gg= oggファイルを備えたTheoraビデオエンコードとVorbisオーディオエンコーディング