Rumah > hujung hadapan web > Soal Jawab bahagian hadapan > Cara menggunakan tag sumber html5

Cara menggunakan tag sumber html5

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB
Lepaskan: 2022-06-01 17:54:19
asal
3091 orang telah melayarinya

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

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!

Label berkaitan:
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
Isu terkini
Perbezaan antara HTML dan HTML5
daripada 1970-01-01 08:00:00
0
0
0
pengesahan html5 untuk symfony 2.1
daripada 1970-01-01 08:00:00
0
0
0
Berkenaan penggunaan html5
daripada 1970-01-01 08:00:00
0
0
0
html5 tunjukkan sorok
daripada 1970-01-01 08:00:00
0
0
0
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan