video标签配合source

video标签可以配合source元素来指定多个媒体资源。在source标签中，可以使用src属性指定媒体文件的URL，使用type属性指定资源的媒体类型。这样做的目的是为了兼容不同浏览器的解码支持。video标签常见的属性包括autoplay（自动播放）、controls（显示控件）、loop（循环播放）和muted（静音）。当video标签中有多个source标签时，浏览器会根据支持的媒体类型自动选择最适合的源进行播放。如果没有支持的媒体类型，则不会播放视频。下面是一个示例代码：

<video autoplay muted controls loop>
  <source src="video1.mp4" type="video/mp4">
  <source src="video2.webm" type="video/webm">
</video>

在这个例子中，video标签中包含了两个source标签，分别指定了两个不同类型的视频文件。浏览器会根据其支持的媒体类型选择合适的源进行播放。如果浏览器支持MP4格式，则会播放video1.mp4；如果浏览器不支持MP4格式但支持WebM格式，则会播放video2.webm。如果浏览器都不支持，则不会播放视频。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* *2* *3* [video标签和source标签](https://blog.csdn.net/m0_53438035/article/details/119218569)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 100%"]
[ .reference_list ]