<source> 元素用于为 <video> 和 <audio> 元素指定媒体资源。它是多媒体元素的子元素，用于指定不同格式的媒体文件，以便在不同浏览器和设备上提供最佳的兼容性和性能。

属性

• src: 指定媒体资源的 URL。
• type: 指定媒体资源的 MIME 类型。
• media: 指定媒体查询，用于指定在什么样的条件下使用该媒体资源。
• sizes: 指定媒体资源的尺寸，用于响应式设计。

示例代码

<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> 子元素，分别指定了不同格式的视频文件。浏览器会根据支持的格式选择最合适的媒体资源进行播放。

JavaScript 操作

可以使用 JavaScript 来操作 <source> 元素，例如动态修改其属性值或添加新的 <source> 元素。

-- -------------------- ---- -------
-- -- ------- --
----- ----- - --------------------------------

-- ---- -------- --
----- --------- - ---------------------------------
------------- - ---------------
-------------- - ------------

-- --- -------- ----- ------- ---
-----------------------------

通过 JavaScript 动态操作 <source> 元素，可以实现更灵活的媒体资源管理和交互效果。