四、媒体标签之音频、视频标签

101 阅读1分钟

1. 音频标签

音频标签目前支持三种格式:MP3、Wav、Ogg

<audio src=""></audio>

常用的属性有4个:

  • src --- 音频文件的路径
  • controls --- 显示播放音频的控件
  • autoplay --- 自动播放(使用此属性时要注意有些浏览器不支持)
  • loop --- 循环播放
<body>
    <audio src="./一闪而过.mp3" controls loop autoplay></audio>
</body>

image.png

2. 视频标签

<video src=""></video>

视频标签的属性与音频标签的属性一样,但在谷歌浏览器中 autoplay 需要配合 muted 属性才能实现静音播放。

音频标签目前支持 MP4、WebM、Ogg 三种格式

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

image.png

音频标签和视频标签的 autoplay 属性貌似不会起作用,我只在谷歌浏览器、Edge 浏览器和联想浏览器上试过,确实不会自动播放,但音频标签的 autoplay 属性和 muted 属性一起使用会实现视频静音自动播放。