HtmlCss学习笔记-08 多媒体元素

video视频

因为外站资源对视频保护的比较严格，测试的时候最好使用自己的视频资源。
属性controls=“contrlos”，含义是提供播放相关的控件，比如开始播放，暂停，声音等等，默认是没有的。
在HTML5中，类似这种布尔属性可以简写

属性autoplay也是布尔属性，含义是自动播放，但注意有些浏览器不允许自动播放，为避免惊吓用户
如果确实想自动播放，可以添加布尔属性muted，含义是静音。


loop布尔属性，含义是循环播放，特别是游戏类的网站，特别喜欢把cg动画loop播放。

audio音频

和video用法相同，记得设置controls，默认是关闭的，造成页面上什么都没有。

兼容性

1. 旧版本浏览器不支持以上两个元素
2. 不同的浏览器支持的视频和音频的格式可能不一致，视频常用是mp4，webm，音频是mp3.所以很多网站会把同一个视频准备两个版本，一个mp4，一个webm。针对这种情况，video中不再直接使用src属性，而以子元素source替代。以获取最好的兼容性。