video标签

		        <video style="width:100%;height:100%;object-fit:cover ;" id="video" controls="controls" poster="http://abc.jpg">
			          <source src="http://abc.mp4" type="video/mp4"></source>
			          当前浏览器不支持 video直接播放，点击这里下载视频： <a href="http://abc.mp4">下载视频</a>
			        </video>

//设置视频播放前的背景图

 poster="http://abc.jpg"

//设置视频填充父元素

object-fit:cover ;
fill: 中文释义“填充”。默认值。替换内容拉伸填满整个contentbox,不保证保持原有的比例。
contain: 中文释义“包含”。保持原有尺寸比例。保证替换内容尺寸一定可以在容器里面放得下。因此，此参数可能会在容器内留下空白。
cover: 中文释义“覆盖”。保持原有尺寸比例。保证替换内容尺寸一定大于容器尺寸，宽度和高度至少有一个和容器一致。因此，此参数可能会让替换内容（如图片）部分区域不可见（上面讲解的例子就是如此）。

 

muted 属性为了在chorme可以自动播放视频
autoplay 视屏自动播放
loop 视频循环播放

//判断当前视频是否在播放，如果在播放就暂停

 var video=document.getElementById("video");
           if (video.paused == false) {
              video.pause();
          }