HTML DOM Source 对象

JavaScript 参考手册

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

属性

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

示例代码

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

在上面的示例中，我们为 <video> 元素指定了两个 <source> 子元素，分别指定了不同格式的视频文件。浏览器会根据支持的格式选择最合适的媒体资源进行播放。

JavaScript 操作

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

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

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

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

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