添加视频

Posted 2020-10-10 好笑。

eg1：

<video width="658" height="444" src="first.mp4" poster="first.png" autoplay="autoplay" preload="none" loop="loop" controls="controls"></video>

 

/*
1.src:视频的来源
2.poster:用于指定一张图片，在视频数据无效的时候显示（视频无效可能是视频正在加载或者地址错误）
3.preload：定义视频是否预加载，默认auto
　　　　（none：不进行加载、作者认为用户不期望此视频，或者减少http请求
　　　　　auto：全部加载、
　　　　　metadata：部分预加载，提供持续时间/尺寸/曲目列表等，作者认为用户不期望此视频 ）
4.autoplay:用于设置视频是否自动播放，是一个布尔属性。当出现是表自动播放，去除表不自动播放
5.loop:视频是否循环播放，是一个布尔属性
6.controls:用于向浏览器指明页面制作者没有使用脚本生成播放控制器，需要浏览器启用本身的播放控制栏
，控制栏须包括播放暂停控制，播放进度控制，音量控制等。
7.width:播放的宽度
8.height:播放的高度
*/

eg2：

<video autoplay=”autoplay” controls  ...>

　　<source src=”XX.mp4”  >

　　<source src=”XX.ogg”  >

　　<source src=”XX.webm”  >

  </video>

/*

9.source：用于指定多个可选择的文件地址（如果不能播放换下一个。用于兼容不同的浏览器）

　　　 　 此标签包含src,type,media三个属性

*/