笔记——audio和video标签

html5提供了audio和video标签，用来播放音频和视频

通用的属性

src：要播放文件的url

autoplay:是否自动播放：设置这个属性后，默认为播放状态

loop：循环播放，播放完在从头播放

controls：向用户展示控件

muted：静音，设置该属性为静音状态

preload：在页面渲染的时候，就开始加载音/视频，当点击播放时，直接播放，如果设置了autoplay属性，则该属性被忽略

通用方法：

load（）：重新加载音/视频

play（）：开始播放

pause（）：暂停播放

muted：设置或返回是否静音，true为静音，false为非静音

volumn：设置或返回音量,设置值为0到1之间

duration：返回音/视频的总时长

currentTime：设置或返回当前音/视频的播放时间，单位是s；

video的自有方法：

width：设置宽度

height：设置高度

poster：规定视频下载是显示的图像（用户点击播放按钮前显示的图片）

解决浏览器不支持的格式问题

准备几种格式的视频，写一个video标签，在标签内用source标签来分别记载不同格式的视频，当浏览器运行时则会加载他支持的格式

代码如下：