本文详细介绍了HTML5的audio和video标签，用于在网页中嵌入音频和视频。针对不同浏览器的兼容问题，推荐使用多个源文件格式。文章列举了关键属性，如autoplay、controls、loop等，并解释了它们的功能。同时，还提到了video标签的额外属性，如width、height、preload和poster，以及如何通过muted属性实现视频静音播放，以应对浏览器的自动播放限制。
1.audio标签
因为不同浏览器支持不同格式，我们采取的解决方案是为音频准备多个格式 如：
<audio controls="controls">
<source src="happy.mp3" type="happy">
<source src="happy.ogg" type="happy">
常用属性：
autoplay：属性值为autoplay 作用是让音频自动播放（火狐及谷歌默认禁用自动播放的属性）
controls： 属性值为controls 作用是显示一个音频的可视化控件
loop： 属性值为loop 作用是让音频循环播放
2.video标签
兼容式写法与audio相同 使用source
常用属性：
autoplay：属性值为autoplay 作用是让视频自动播放（火狐及谷歌默认禁用自动播放的属性）
controls： 属性值为controls 作用是显示一个音频的可视化控件
width：属性值为px 作用是设置视频宽度
height： 属性值为px 作用是设置视频高度
loop： 属性值为loop 作用是让视频循环播放
preload： 属性值为preload 作用为设置是否等待视频加载完成后再播放
poster： 属性值为img url 作用是设置视频的加载等待图片
muted： 属性为muted 作用是设置视频静音播放（可用于解决谷歌默认禁止自动播放）
416
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
