Rumah > hujung hadapan web > Soal Jawab bahagian hadapan > Apakah elemen media dalam html5

Apakah elemen media dalam html5

青灯夜游
Lepaskan: 2022-01-11 16:51:39
asal
7616 orang telah melayarinya

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;

Apakah elemen media dalam html5

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

<video src="视频路径" controls></video>
Salin selepas log masuk

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

2. Elemen audio

<audio src="音频路径" controls></audeo>
Salin selepas log masuk

3. Elemen sumber

teg mentakrifkan sumber media untuk elemen media (seperti

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>
Salin selepas log masuk

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

4. Elemen runut

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>
Salin selepas log masuk

5. Elemen benam

<embed src="媒体文件" />
Salin selepas log masuk

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!

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan