HTML5のメディア要素とは何ですか

HTML5 のメディア要素は次のとおりです: 1. video 要素、ドキュメント内でビデオを定義するために使用されます; 2. audio 要素、ドキュメント内でサウンドを定義するために使用されます; 3. source 要素、メディア要素に使用されます ( video 、オーディオなど）メディア リソースを定義します; 4. track 要素; 5. embed 要素。

このチュートリアルの動作環境: Windows 7 システム、HTML5 バージョン、Dell G3 コンピューター。

html5 のメディア要素

HTML5 はメディアを強力にサポートしており、次のメディア要素をサポートしています:

• audio オーディオを定義します

• video ビデオを定義します

• 外部アプリケーションのコンテナとして埋め込みます

• source 複数のメディア ソースのサポート

• track メディアのテキスト トラッキングを定義します

1. ビデオ要素

39000f942b2545a5315c57fa3276f220 タグは、ムービー クリップやその他のビデオ ストリームなどのビデオを定義します。

<video src="视频路径" controls></video>

src は指定するビデオ ファイルへのパスで、controls は再生、一時停止、音量を提供するコントロールです。

2. Audio 要素

b97864c2e0ef2353a16c4d64c7734e92 タグは、音楽やその他のオーディオ ストリームなどのサウンドを定義します。

<audio src="音频路径" controls></audeo>

3. ソース要素

e02da388656c3265154666b7c71a8ddc タグは、メディア要素 (39000f942b2545a5315c57fa3276f220 や b97864c2e0ef2353a16c4d64c7734e92 など) のメディア リソースを定義します。

e02da388656c3265154666b7c71a8ddc タグを使用すると、メディア タイプまたはコーデックのサポートに基づいてブラウザが選択する代替ビデオ/オーディオ ファイルを指定できます。

<video controls>
    <source src="vodeo/video.webm" type="video/webm"/>
</video>

source タグの機能は、ビデオまたはオーディオ リソースにいくつかの形式を設定して、ブラウザが再生できる形式を選択できるようにすることです。

4. track 要素

9bf7cbf2c39baa37076a22499de2f6ed タグは、ビデオ要素などのメディアの外部テキスト トラックを指定します。

<video width="320" height="240" controls="controls">
  <source src="forrest_gump.mp4" type="video/mp4" />
  <source src="forrest_gump.ogg" type="video/ogg" />
  <track kind="subtitles" src="subs_chi.srt" srclang="zh" label="Chinese">
  <track kind="subtitles" src="subs_eng.srt" srclang="en" label="English">
</video>

5. embed 要素

d8e2720730be5ddc9c2a3782839e8eb6 タグは、プラグインなどの埋め込みコンテンツを定義します。

<embed src="媒体文件" />

関連する推奨事項:「html ビデオ チュートリアル 」

以上がHTML5のメディア要素とは何ですかの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。