HTML共有での動画再生例を詳しく解説

HTML でビデオを再生する方法はたくさんあります。

HTML ビデオ (ビデオ) の再生

インスタンス

<video width="320" height="240" controls>
  <source src="movie.mp4" type="video/mp4">
  <source src="movie.ogg" type="video/ogg">
  <source src="movie.webm" type="video/webm">
  <object data="movie.mp4" width="320" height="240">
    <embed src="movie.swf" width="320" height="240">
  </object> 
</video>

問題と解決策

HTML でビデオを再生するのは簡単ではありません。

ビデオ ファイルをすべてのブラウザ (Internet Explorer、Chrome、Firefox、Safari、Opera) およびすべてのハードウェア (PC、Mac、iPad、iPhone) で確実に再生できるようにするには、多くのテクニックを知る必要があります。

この章では、W3CSchool が問題と解決策をまとめています。

タグを使用します

タグは、HTML ページに multimedia 要素を埋め込むために使用されます。

次の HTML コードは、Web ページに埋め込まれた Flash ビデオを表示します。

例

<embed src="intro.swf" height="200" width="200">

問題

HTML4 は タグを認識しません。ページは検証に合格できません。

ブラウザがFlashをサポートしていない場合、ビデオは再生されません

iPadおよびiPhoneではFlashビデオを表示できません。

ビデオを他の形式に変換しても、すべてのブラウザで再生できるわけではありません。