HTML <source> 源属性

HTML <source> 元素用于指定多媒体元素（如 <video> 和 <audio>）的媒体资源。它通常作为多个 <source> 元素的子元素使用，每个 <source> 元素指定媒体的不同格式或来源。

语法

<source src="url" type="media_type">

• src：指定媒体文件的 URL。它可以是相对路径或绝对路径。
• type：指定媒体的 MIME 类型。这是可选的，但在大多数情况下应该提供。

示例

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

在上面的示例中，<video> 元素将尝试依次加载 movie.mp4 和 movie.ogg 这两个视频文件。如果浏览器不支持任何一种格式，它将显示后备内容 "Your browser does not support the video tag."

属性说明

• src 属性是必需的，指定了媒体资源的 URL。
• type 属性描述了媒体资源的 MIME 类型。这对于告诉浏览器如何处理和显示资源是很重要的。一些常见的 MIME 类型包括：
  • video/mp4：MPEG-4 视频文件
  • video/ogg：Ogg 视频文件
  • audio/mpeg：MP3 音频文件
  • audio/ogg：Ogg 音频文件
  • audio/wav：WAV 音频文件

注意事项

• <source> 元素需要作为 <video> 或 <audio> 元素的子元素出现，以便正确指定媒体资源。
• 可以为一个媒体元素指定多个 <source> 元素。浏览器将依次尝试加载这些资源，直到找到可识别和支持的格式。

请注意，上述示例中的代码是在 Markdown 格式下提供的。