<source>媒体源_html source媒体源标签元素

时间:2023-06-19 17:30:30

<source> 标签是用于在 <video> 或 <audio> 元素中定义媒体源的子元素。它允许你为嵌入的视频或音频提供多个不同格式的文件,以便在不同浏览器和设备上提供最佳兼容性。

<video> 元素中使用 <source> 元素的示例:

<video controls>
<source src="video.mp4" type="video/mp4">
<source src="video.webm" type="video/webm">
<source src="video.ogg" type="video/ogg">
Your browser does not support the video tag.
</video>

在上述示例中,我们使用了三个 <source> 元素来指定不同格式的视频文件。浏览器会尝试按照声明的顺序逐个加载这些文件,并选择第一个支持的文件进行播放。如果所有的格式都不被支持,那么就会显示 "Your browser does not support the video tag."。

对于音频文件,使用 <source> 元素的方式与上述示例类似:

<audio controls>
<source src="audio.mp3" type="audio/mpeg">
<source src="audio.ogg" type="audio/ogg">
<source src="audio.wav" type="audio/wav">
Your browser does not support the audio tag.
</audio>

在这个示例中,我们使用三个 <source> 元素指定了不同格式的音频文件。

通过使用 <source> 元素,你可以为媒体元素提供多种格式的文件,以确保在不同的浏览器和平台上都能正常播放。浏览器会根据它们所支持的媒体类型和编解码器来选择最合适的文件进行播放。

相关词 标签 source