Apakah elemen media dalam html5

Elemen media dalam HTML5 ialah: 1. elemen video, digunakan untuk mentakrifkan video dalam dokumen; 2. elemen audio, digunakan untuk menentukan bunyi dalam dokumen; 3. elemen sumber, digunakan untuk elemen media ( video , audio, dsb.) mentakrifkan sumber media; 4. elemen trek;

Persekitaran pengendalian tutorial ini: sistem Windows 7, versi HTML5, komputer Dell G3.

Elemen media dalam html5

HTML5 mempunyai sokongan kuat untuk media dan menyokong elemen media berikut:

• audio mentakrifkan audio

• video mentakrifkan video

• benamkan sebagai bekas untuk aplikasi luaran

• sumber Sokongan untuk pelbagai sumber media

• jejak Tentukan penjejakan teks media

Elemen video

39000f942b2545a5315c57fa3276f220 teg mentakrifkan video, seperti klip filem atau strim video lain.

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

src ialah laluan yang menentukan fail video yang hendak dimuat naik ialah kawalan yang menyediakan main balik, jeda dan kelantangan.

2. Elemen audio

b97864c2e0ef2353a16c4d64c7734e92 teg mentakrifkan bunyi, seperti muzik atau strim audio lain.

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

3. Elemen sumber

61358c8a02103ae43c6f65e63c0642a4 teg mentakrifkan sumber media untuk elemen media (seperti 39000f942b2545a5315c57fa3276f220 dan b97864c2e0ef2353a16c4d64c7734e92). Teg

61358c8a02103ae43c6f65e63c0642a4 membolehkan anda menentukan fail video/audio alternatif untuk dipilih oleh penyemak imbas berdasarkan jenis media atau sokongan codecnya. Tujuan

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

teg sumber ialah untuk menetapkan beberapa format untuk sumber video atau audio, supaya penyemak imbas boleh memilih format yang boleh dimainkannya.

4. Elemen runut

8bf259f5a6144433b921fb8b7de94970 menentukan trek teks luaran untuk media seperti elemen video.

<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. Elemen benam

94ab40bdd8c12feb22d35c14007ddfcb

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

Pengesyoran berkaitan: "tutorial video html"

Atas ialah kandungan terperinci Apakah elemen media dalam html5. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!