audio的属性
<!-- src 音频路径 controls 显示控件 autoplay 自动播放 loop 循环播放 -->
<!-- 有的浏览器把自动播放的属性禁用了 例如谷歌 -->
<!-- <audio src="audio.mp3" controls="controls" autoplay="autoplay" loop="loop"></audio> -->
<!-- 因为不同浏览器支持不同的格式 解决方法 为音频准备多种格式 -->
<!-- 浏览器根据从上往下的顺序来读取，遇到支持的格式，就显示对应的资源，如果每个source标签都不符合，就会显示默认的文字 -->
<audio src="img/audio.mp3" controls="controls" > <source src="img/audio.mp3" type="audio/mp3" ></source> <source src="img/audio.ogg" type="audio/ogg" ></source> 当前浏览器不支持audio </audio> <h3 style="color: red">------------------音频@1--------------------</h3> <audio src="img/毛毛%20-%20奇迹再现.mp3" controls="controls" > <source src="img/毛毛%20-%20奇迹再现.mp3" type="audio/mp3" ></source> <source src="img/毛毛%20-%20奇迹再现.mp3" type="audio/mp3"></source> 当前浏览器不支持audio </audio> <h3 style="color: red">------------------音频@2--------------------</h3> <audio src="img/石头%20-%20生日快乐.mp3" controls="controls" > <source src="img/石头%20-%20生日快乐.mp3" type="audio/mp3" ></source> <source src="img/石头%20-%20生日快乐.mp3" type="audio/mp3"></source> 当前浏览器不支持audio </audio> <h3 style="color: red">------------------音频@3--------------------</h3> <audio src="img/as.mp3" controls="controls" > <source src="img/as.mp3" type="audio/mp3" ></source> <source src="img/as.mp3" type="audio/mp3"></source> 当前浏览器不支持audio </audio> <audio src="img/小阿越%20-%20你的重要.mp3" controls="controls" > <source src="img/小阿越%20-%20你的重要.mp3" type="audio/mp3" ></source> <source src="img/小阿越%20-%20你的重要.mp3" type="audio/mp3"></source> 当前浏览器不支持audio </audio>
video的属性
<video src="img/section3-2.mp4" controls="controls" preload="auto" poster="img/1.jpg"></video> <!--谷歌浏览器把自动播放功能给禁用了 解决方案: 给视频添加静音属性--> <video width="800" muted="muted" controls="controls" autoplay="autoplay"> <source src="img/section3-2.mp4" type="video/mp4"></source> <source src="img/section3-2.ogg" type="video/ogg"></source> 当前浏览器不支持 video直接播放 </video> <video width="800" muted="muted" controls="controls" autoplay="autoplay"> <source src="img/AA.mp4" type="video/mp4"></source> <!-- <source src="img/AA.ogg" type="video/ogg"></source>--> 当前浏览器不支持 video直接播放 </video> <h3 style="color: red">------------------视频@6--------------------</h3> <video width="800" muted="muted" controls="controls" autoplay="autoplay"> <source src="img/CC.mp4" type="video/mp4"></source> <source src="img/CC.ogg" type="video/ogg"></source> 当前浏览器不支持 video直接播放 </video> <video width="800" muted="muted" controls="controls" autoplay="autoplay"> <source src="img/as.mp4" type="video/mp4"></source> <source src="img/as.mp4" type="video/ogg"></source> 当前浏览器不支持 video直接播放 </video>
