video标签配合source
时间: 2023-09-05 07:07:56 浏览: 93
video标签可以配合source元素来指定多个媒体资源。在source标签中,可以使用src属性指定媒体文件的URL,使用type属性指定资源的媒体类型。这样做的目的是为了兼容不同浏览器的解码支持。video标签常见的属性包括autoplay(自动播放)、controls(显示控件)、loop(循环播放)和muted(静音)。当video标签中有多个source标签时,浏览器会根据支持的媒体类型自动选择最适合的源进行播放。如果没有支持的媒体类型,则不会播放视频。下面是一个示例代码:
```html
<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 ]
阅读全文