音视频

音频

在浏览器中插入音频需要使用<audio>标签，兼容到IE9

常用音频格式是mp3和ogg格式

<audio src="./music/hangpaibgm(mp3).mp3" controls autoplay loop>音乐</audio>

 <!-- 如果不支持，则显示文字，如果都支持，则默认第一个 -->
<audio controls>
    <source src="./music/hangpaibgm(mp3).mp3" type="audio/mpeg">
    <source src="./music/hangpaibgm(ogg).ogg" type="audio/ogg">
    <source src="./music/hangpaibgm(wav).wav" type="audio/wav">
    抱歉，您的浏览器不支持audio标签，请升级浏览器
</audio>

视频

在浏览器中插入视频需要使用 <video>标签，兼容到IE9

常用音坂格式是mp4、ogv、webm等格式

<video src="./video/flower.mp4" controls autoplay loop>视频</video>

<video controls>
    <source src="./video/flower.mp4" type="video/mp4">
    <source src="./video/flower.webm" type="video/webm">
    <source src="./video/flower.ogv" type="video/ogv">
    <source src="./video/flower.avi" type="video/avi">
    抱歉，您的浏览器不支持video标签，请升级浏览器
</video>

autoplay

声明autoplay属性 ，音频会自动播放

常用的浏览器为了 不打扰用户 ，可能会不允许自动播放音乐，必须让用户手动点击之后才能播放

loop

声明loop属性，将循环播放