Html代码: source - 源元素

在HTML中，<source>元素用于指定多媒体元素（如<video>和<audio>）的媒体源。

语法

下面是<source>元素的基本语法：

<source src="media_file.mp4" type="video/mp4">

在上面的例子中，src属性指定了媒体文件的URL，type属性指定了媒体文件的MIME类型。

属性

<source>元素支持以下属性：

• src: 指定媒体文件的URL。
• type: 指定媒体文件的MIME类型。
• media: 指定媒体查询，用于根据设备特性选择不同的媒体源。
• sizes: 指定媒体查询的尺寸范围。
• srcset: 指定一组备选媒体源，用于根据设备分辨率选择最合适的媒体源。
• crossorigin: 指定是否跨域请求媒体文件。

示例

下面是一个使用<source>元素的示例：

<video controls>
  <source src="movie.mp4" type="video/mp4">
  <source src="movie.ogg" type="video/ogg">
  您的浏览器不支持HTML5视频。
</video>

在上面的例子中，如果浏览器支持MP4格式的视频，将会播放movie.mp4文件；如果不支持MP4格式，将会尝试播放movie.ogg文件；如果两种格式都不支持，将会显示一段文本。

总结

通过<source>元素，我们可以为多媒体元素提供多个媒体源，以便在不同的浏览器和设备上提供最佳的兼容性和用户体验。

了解更多关于HTML代码的内容，请访问我们的官网：https://idc.net。