在video标签中，我们可以使用属性：videoWidth & videoHeight，它获取的是video的宽度和高度（媒体本身）。
虽然不能直接使用，但是可以通过计算宽高比得到 video 占用的宽度和高度。
比如让 video 占满宽度为480px的容器，可以根据宽高比得到此时video占用的高度。

重要：

• h5的video标签，修改source的src地址，必须采用动态插入source元素的形式，否则浏览器不会重新请求播放资源。

一般做法：

• 不要自己加暂停时视频中间的继续播放按钮，要使用浏览器默认的。

• 暂停时，页面显示浮层，使用pause事件添加

 video标签属性

               src="文件路径地址" width="宽" height="高" controls="控制条" autoplay="自动播放" loop="循环" preload="预加载"
               <video width="320" height="240" controls="controls"> 　　　　　　　　　　　　<!-- 同一视频的兼容性写法 -->
                    <source src="movie.ogg" type="video/ogg">                     <source src="movie.mp4" type="video/mp4">
                    <!-- 同一视频的兼容性写法 -->
                    Your browser does not support the video tag.
               </video>

video标签点击暂停事件，起初测试阶段未发现该兼容BUG，后来android上点击可以暂停，ios上点击无效果，一般bug都是反过来的，可能video标签有它自己的想法吧！

debug阶段：

1.怀疑定位层级问题导致底部video没有触发，依次增加层级直到最高z-index元素video-play被覆盖，点击事件依然无法执行

2.怀疑js未能获取DOM，js监听dom操作无alert弹出，改为后台交互数据加载完成后再次监听点击事件，依然无效果，再改为dom增加点击事件依然无效果。

3.解决方案-后来反思：用户首次点击video-play元素可以操纵video播放，所以增加第三方元素覆盖video标签范围区域，监听此标签用户操作事件控制video播放/暂停