HTML5 の video 要素の使い方

2年 ago
蓮, 翼
1 minute

HTML5の

<video controls>

  <source src="my-video.mp4" type="video/mp4">

  <source src="my-video.webm" type="video/webm">

  Your browser does not support the video tag.

</video>

上記の例では、異なる形式のビデオファイル（.mp4と.webm）を定義するために、子要素を2つ追加しました。ブラウザは、サポートしている最初のソースファイルに従って再生します。ブラウザが

動画プロパティの設定：

src属性: ビデオファイルのURLアドレスを指定します。

type属性：ビデオファイルのMIMEタイプを定義します（必須）。

コントローラー属性: ブラウザが提供するデフォルトの操作 (再生/一時停止ボタン、音量コントロールなど) を利用可能にします。

その他のオプション属性: 幅、高さ、自動再生、ループなど。

異なるブラウザで動画フォーマットのサポートに差があるので、MP4、WebM、Oggなど、複数の異なるフォーマットのソースファイルを動画に提供し、さまざまなブラウザで問題なく再生できるようにすることをお勧めします。

オプションの JavaScript コントロール: ビデオの再生、一時停止、音量などを制御するために JavaScript を使用することもできます。

以上は

bannerAds