以下是一个简单的例子，演示了如何使用 Source 对象：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Source对象示例</title>
</head>
<body>
<video controls>
<!-- 使用Source对象指定多个视频源 -->
<source src="video.mp4" type="video/mp4">
<source src="video.webm" type="video/webm">
Your browser does not support the video tag.
</video>
</body>
</html>
在这个例子中，<video> 元素包含两个 <source> 子元素，分别指定了两个不同格式的视频文件（MP4 和 WebM）。浏览器会根据支持的格式选择其中一个进行播放。
Source 对象的属性通常包括 src（资源的URL）和 type（资源的MIME类型）。这样的结构允许在不同的浏览器中提供不同格式的媒体，以确保最佳的兼容性。
转载请注明出处：http://www.zyzy.cn/article/detail/4429/HTML