HTML <source> 标签

HTML标签<source>用于为媒体元素（<video>和<audio>）指定多个媒体资源，以便根据浏览器支持的格式和编解码器选择最合适的资源进行播放。这在确保跨浏览器兼容性和性能优化方面非常有用。

语法

<source>标签是一个空标签，没有闭合标签。它必须包含以下属性：

• 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>元素包含两个<source>元素，分别指定了两个不同格式的视频资源。浏览器会自动选择支持的格式进行播放。如果浏览器不支持<video>元素或指定的格式，则会显示"Your browser does not support the video tag."。

注意事项

• 在使用<source>标签时，应该按照优先级从高到低的顺序列出不同格式的媒体资源，以确保浏览器选择到最合适的资源。
• 使用<source>标签可以提高页面加载性能，减少不必要的媒体资源的加载。