HTML认知07标签学习4

---

前言

媒体标签
音频标签
视频标签

---

一、音频标签

• 场景：在页面中插入音频

• 代码：<audio src="./music.mp3" controls></audio>
  实践：
  
  但是没有声音，所以还需要加上别的属性

• 常见属性：
  实践：
  
  
  也无法自动播放，因为部分浏览器不支持

注意：音频标签目前支持三种格式：mp3，wav，ogg

二、视频标签

• 场景：在页面中插入视频

• 代码：<video src="./video.mp4" controls></video>

• 属性：
  注意： 谷歌浏览器中若要自动播放需要配合muted

• 实践
  
  

• 注意：目前支持三种格式：mp4、WebM、ogg

<video src="./vedio.mp4" controls autoplay muted loop></video>

---

总结

介绍音频标签和视频标签