(学习笔记 Day1) html5新增的多媒体标签

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 作用是设置视频静音播放（可用于解决谷歌默认禁止自动播放）