html5与css3学习笔记之二多媒体标签

多媒体标签

---

 插入音视频的方法：

embed -- 直接插入视频文件，它的本质是调用本机上已安装的软件，有兼容性

flash插件 -- 需要安装flash  1、学习flash，增加学习成本 2、苹果不支持flash

audio标签

video标签

---

 audio标签 -- 音频

<audio src="" controls></audio>

src -- 播放的音频路径

controls -- 音频播放器控制面板

autoplay -- 自动播放

loop -- 循环播放

---

 

video标签 -- 视频

src -- 播放的音频路径

controls -- 音频播放器控制面板

autoplay -- 自动播放

loop -- 循环播放

width, height

poster -- 当视频未完全下载，或者视频未播放时的封面。默认显示第一帧。

因为不同浏览器支持的视频格式不一样，因此需要准备多个格式供浏览器选择使用 -- source的使用

<video controls>
    <source src="" type="video/mp4">
    <source src="" type="video/flv">
</video>