HTML5多媒体标签：video、audio详解与示例

"HTML5新增多媒体标签主要涵盖了video、audio、source和embed这四个标签，用于在网页中集成视频、音频和外部内容。这些标签的引入，使得HTML5在多媒体支持方面有了显著的提升，但需要注意的是，它们在旧版的IE浏览器（如IE8及更早版本）中并不被支持。 1. video标签：用于定义视频内容，如电影或视频流。这是一个双标签，意味着内容应放在开始和结束标签之间。若浏览器不支持video标签，可以在这两个标签间添加文本提示。video标签支持autoplay、controls、loop等属性，以实现自动播放、显示控制条和循环播放等功能。视频文件通常需要有多种格式，如Ogg、MP4和webM，以适应不同浏览器的需求。以下是一个简单的video标签示例： ```html <video src="../video/mk.mp4" autoplay="autoplay" controls="controls" loop="loop" width="500" height="500"> 您的浏览器不支持播放视频文件，请更换浏览器</video> ``` 2. audio标签：与video标签类似，audio标签用于定义音频内容，如音乐。同样为双标签，不被旧版IE支持。它也支持autoplay、controls等属性。音频格式包括MP3、Ogg和WAV等。以下是一个audio标签的示例： ```html <audio src="music.mp3" autoplay="autoplay" controls="controls"> 您的浏览器不支持播放音频文件，请更换浏览器</audio> ``` 3. source标签：作为媒介元素，source标签用来指定多个替代的音视频文件，让浏览器根据其支持的格式选择合适的资源。它是单标签，且通常置于video或audio标签内部。例如： ```html <video> <source src="video.ogg" type="video/ogg"> <source src="video.mp4" type="video/mp4"> 您的浏览器不支持视频播放。 </video> ``` 4. embed标签：用于嵌入外部内容，如插件或音视频。它也是单标签，当使用它来嵌入音视频时，可能会遇到兼容性问题，此时可以用audio和video标签作为备选方案。 综上，HTML5的多媒体标签大大增强了网页的多媒体表现能力，但考虑到浏览器兼容性，开发时需要提供多种格式的媒体资源，并合理使用这些标签的属性来优化用户体验。