<source> 标签是 HTML5 中用于为媒体元素(如 <audio> 和 <video>)指定多个媒体资源的元素。它通常作为 <audio> 和 <video> 元素的子元素出现,以提供不同格式或不同分辨率的媒体文件,以便在不同设备或浏览器中选择合适的文件进行播放。

以下是 <source> 标签的基本用法:
<audio controls>
  <source src="audio.mp3" type="audio/mp3">
  <source src="audio.ogg" type="audio/ogg">
  Your browser does not support the audio tag.
</audio>

在这个例子中,<audio> 元素包含两个 <source> 子元素,每个 <source> 指定了不同的音频文件,分别是 MP3 格式和 Ogg Vorbis 格式。浏览器将会根据支持的格式选择其中之一进行播放。如果浏览器不支持 <audio> 元素,那么显示 "Your browser does not support the audio tag."。

同样的方法也可以用于 <video> 元素,例如:
<video controls width="400">
  <source src="video.mp4" type="video/mp4">
  <source src="video.webm" type="video/webm">
  Your browser does not support the video tag.
</video>

在这个例子中,<video> 元素包含两个 <source> 子元素,分别指定了 MP4 和 WebM 格式的视频文件。浏览器将会根据支持的格式选择其中之一进行播放。


转载请注明出处:http://www.pingtaimeng.com/article/detail/3772/HTML5