简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Rumah > hujung hadapan web > Soal Jawab bahagian hadapan > teks badan

html5的source标签怎么用

WBOY
Lepaskan： 2022-06-01 17:54:19
asal
2943 orang telah melayarinya

在html5中，source标签用于提供不同类型的视频或者音频文件供浏览器进行选择，语法为“”。

html5的source标签怎么用

本教程操作环境：windows10系统、HTML5版、Dell G3电脑。

html5的source标签

标签为媒体元素（比如

标签允许您规定两个视频/音频文件供浏览器根据它对媒体类型或者编解码器的支持进行选择。

可能的属性值如下：

  • media     media_query 规定媒体资源的类型，供浏览器决定是否下载。

  • src           URL 规定媒体文件的 URL。

  • type        MIME_type 规定媒体资源的 MIME 类型。

  • sizes        不同页面布局设置不同图片大小。

  • srcset       URL 应用于 标签时需要使用到。指定在不同情况下使用的图像 URL。

示例如下：

带有两个源文件的音频播放器。浏览器需要选择它所支持的源文件（如果都支持则任选一个）：

<!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

输出结果：

11.png

推荐教程：《html视频教程》

Atas ialah kandungan terperinci html5的source标签怎么用. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan：
html5
sumber：php.cn
Artikel sebelumnya：arc函数在html5中什么意思 Artikel seterusnya：html5中td表示什么
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
Artikel terbaru oleh pengarang
Isu terkini
Bagaimana untuk menetapkan atribut yang diperlukan HTML5 menggunakan Javascript? Saya cuba menandakan kotak input teks seperti yang diperlukan dalam Javascript. <inputi...
daripada 2023-10-13 08:52:25
0
2
317
Masalah dengan tidak mendapat koordinat tetikus yang tepat: menggunakan kanvas HTML5 apabila mengubah saiz halaman Saya mahu mencipta kesan piksel ini daripada pakar bahagian hadapan. Walaupun saya boleh m...
daripada 2023-09-12 12:20:33
0
1
280
Video HTML5 M3U8 dikodkan dengan Base64 Saya ingin menambah fail M3U8 yang dikodkan base64 dalam teg Video HTML5, bagaimana saya b...
daripada 2023-09-09 23:07:18
0
1
247
vue.js/bootstrap: kaedah acara onclick tidak dipanggil, ralat "Pembolehubah tidak ditemui: updateDocument" Saya baru dalam pembangunan bahagian hadapan tetapi mempunyai pemahaman asas tentang HTML5...
daripada 2023-09-09 20:06:48
0
1
362
Alih keluar slash penutup '/' daripada teg imej dalam XHTML Saya mempunyai txt1 rentetan yang menyimpan imej. Nilainya dalam format XHTML, iaitu eleme...
daripada 2023-09-06 12:15:38
0
1
240
Topik-topik yang berkaitan
Lagi>
Cadangan popular
Tutorial Popular
Lagi>
Tutorial berkaitan
Cadangan popular
Kursus terkini
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan
Tentang kita Penafian Sitemap
Laman web PHP Cina：Latihan PHP dalam talian kebajikan awam，Bantu pelajar PHP berkembang dengan cepat！