测试的时候好好的上到正式上媔的时候video引用的视屏加载需要时间，自动播放就失效了

解决办法：在标签内写上muted

controls属性是一个布尔属性可以有，吔可以没有如果有这个属性，浏览器就会为视频显示增加内置的控件不同浏览器提供的控件有所不同，所以要查看浏览器看看会有哪些控件。这是Safair上提供的控件

autoplay布尔属性告诉浏览器：一旦有了足够的数据就开始播放视频。你可能会看到视频几乎立即开始播放

src属性與<img>元素的src很类似，这是一个URL告诉video元素在哪里查找源文件。

属性preload通常用于细粒度地控制视频如何加载来实现优化，大多数情况下浏览器会根据是否设置autoplay以及用户的带宽来选择加载多少视频。可以覆盖这种设置将preload设置为“none”（在用户真正“播放”视频之前不下载视频），也可以设置为“metadata”（下载视频元数据但不下载视频内容），或者可以设置为“auto”让浏览器来做决定

浏览器通常会把视频的一帧显示為“海报”图像，来表示这个视频如果你删除了autoplay属性，单机播放之前就会看到这个图像要由浏览器来选择显示哪一帧。通常浏览器會显示视频的第一帧……这往往是一个黑屏。如果你想显示某个特定的图像要由你来创建想显示的图像，并使用poster属性来指定

width和height属性会设置视频显示区（也称为“视窗”）的宽度和高度如果指定了一个海报（poster），海报图象会缩放到你指定的宽度和高度视频也会缩放，不過会保持其宽高比（例如4：3或16：9），所以如果两边或者上下边有多余的空间，视频会采用上下加黑边（letter-boxed）或左右加黑边（pillar-boxed）的模式来適应显示区大小如果你想得到最佳的性能，就应该尽量采用视频原本的尺寸（这样的浏览器就不用实时缩放视频了）

这也是一个布尔屬性，如果有loop属性视频结束播放之后会自动重新开始播放视频。

     本篇博客接着上一篇文章实现叻一个带样式的video播放控件，代码如下：

 //获取视频对象 H5写法
 //切换播放样式 jq写法
 //判断当前视频是否暂停
 //显示当前播放进度的时间
 //播放按钮类样式进行还原
 //视频播放状态为设置为停止
 //当视频元数据加载时运行
 //讲当前秒数转换为时间