"."/> ".">
cari

Rumah  >  Artikel  >  hujung hadapan web  >  Cara menggunakan tag sumber html5

Cara menggunakan tag sumber html5

WBOY
WBOYasal
2022-06-01 17:54:193010semak imbas

Dalam HTML5, teg sumber digunakan untuk menyediakan pelbagai jenis fail video atau audio untuk dipilih oleh penyemak imbas Sintaksnya ialah "".

Cara menggunakan tag sumber html5

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

teg sumber HTML5

mentakrifkan sumber media untuk elemen media (seperti

membolehkan anda menentukan dua fail video/audio untuk dipilih oleh penyemak imbas berdasarkan jenis media atau sokongan codecnya.

Nilai atribut yang mungkin adalah seperti berikut:

  • media_query media menentukan jenis sumber media untuk penyemak imbas memutuskan sama ada hendak memuat turun.

  • URL src menentukan URL fail media.

  • jenis MIME_type menentukan jenis MIME sumber media.

  • saiz Reka letak halaman yang berbeza menetapkan saiz imej yang berbeza.

  • srcset URL Tentukan URL imej untuk digunakan dalam situasi yang berbeza.

Contohnya adalah seperti berikut:

Pemain audio dengan dua fail sumber. Penyemak imbas perlu memilih fail sumber yang disokongnya (jika kedua-duanya disokong, pilih mana-mana satu): 

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>123</title> 
</head>
<body>
<audio controls>
<source src="horse.ogg" type="audio/ogg">
<source src="horse.mp3" type="audio/mpeg">
您的浏览器不支持 audio 元素。
</audio>
</body>
</html>

Hasil output:

Cara menggunakan tag sumber html5

Tutorial yang disyorkan: "tutorial video html"

Atas ialah kandungan terperinci Cara menggunakan tag sumber html5. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan：
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
Artikel sebelumnya：Apakah maksud fungsi arka dalam html5Artikel seterusnya：Apakah maksud fungsi arka dalam html5

Artikel berkaitan

Lihat lagi