h5中video详解和其它新标签，css自定义常量

1、video元素：用于媒体播放的元素

<video src="视频地址"  width="320" height="240" controls="controls">   // control提供播放、暂停、音量的控件，加入autoplay="autoplay"加载完毕，立即播放
Your browser does not support the video tag.                          // 当视频不能播放时，显示
</video>

或使用source来链接视频文件，可以有多个，但浏览器只使用第一个可识别的格式

<video width="320" height="240" controls="controls">
  <source src="地址1" type="video/ogg">
  <source src="地址2" type="video/mp4">
Your browser does not support the video tag.
</video>

详细使用

（1）controlslist的使用：nodownload不能下载，nofullscreen全屏不能用

<video src="./1.mp4" width="400" height="250" controls="controls" controlslist="nodownload nofullscreen"></video>

（2）贴图poster：默认显示的视频是第一帧，加了poster会显示加的图片

<video src="./1.mp4" width="400" height="250" controls="controls" poster="./1.png"></video>

（3）autoplay：自动播放，muted：静音，在非静音的情况下不允许自动播放

<video src="./1.mp4" width="400" height="250" controls="controls" autoplay muted poster="./1.png"></video>

（4）循环播放：loop

<video src="./1.mp4" width="400" height="250" controls="controls" autoplay muted loop poster="./1.png"></video>

（5）预加载：preload，进度条会有部分缓存，不同浏览器效果不一样

<video src="./1.mp4" width="400" height="250" controls="controls" preload poster="./1.png"></video>

（6）控制音量，在0-1之间，标签中写volume不起作用