【前端学习笔记】HTML5中的video和audio

---

video 和 audio 的优点：

都不需要第三方插件就能播放音频和视频，可以直接插入，并且用同一的API接口控制。

video 和 audio 的缺点：

1）暂时没有对流视频的支持和规范。流媒体分HTTP渐进式下载和实时流式传播，video 和 audio 属于HTTP属于渐进式下载，不需要流媒体服务器，普通HTTP服务器就可以。

2）播放媒体类型不统一。由于各种原因，HTML5没有对播放媒体类型做规定，这可以通过source来改进，如果不支持播放第一个文件就播放下一个，一次类推。

3）资源受跨域共享的限制。跨域的媒体数据需要统统下载到本地服务器。

4）全屏无法通过脚本控制。从安全性角度来看，让脚本元素控制全屏操作是不合适的。不过，如果要让用户在全屏方式下载播放视频，浏览器可以提供其他控制手段。

---

src : 音乐的URL

preload : 预加载

autoplay : 自动播放

loop : 循环播放

controls : 浏览器自带的控制

src : 视频的URL

poster : 视频封面，没有播放时显示的图片

preload : 预加载

autoplay : 自动播放

loop : 循环播放

controls : 浏览器自带的控制条

width : 视频宽度

height : 视频高度