H5 video移动端小窗关闭

1.兼容：

2. 代码格式：

兼容多个浏览器的视频

3. 属性有：
   autoplay: autoplay; //准备就绪后马上自动播放
   controls|: controls; // 显示可控制的控件，比如播放，进度条等，不同浏览器的控件显示不同
   loop：loop；\循环播放，播放结束后重新播放
   preload：preload；则视频在页面加载时进行加载，并预备播放。如果使用 “autoplay”，则忽略该属性。
   以及height，width，src等；

案例：

**

自动全屏的解决办法

**webkit-playsinline="true"** /*这个属性是ios 10中设置可以   让视频在小窗内播放，也就是不是全屏播放*/  
**playsinline属性**：移动端安卓内可以取消全屏弹窗播放，IOS微信浏览器支持小窗内播放
**x-webkit-airplay="allow"**  禁止安卓弹窗播放
**x5-video-player-type="h5"** ：/*启用H5**同层**播放器,是wechat安卓版特性*/
**x5-video-player-fullscreen="true"**  /*全屏设置，  设置为 true 是防止横屏*/
**x5-video-orientation="portraint"**  //声明播放器支持的方向，landscape 横屏, portraint竖屏。默认值portraint

通过object-fit样式可以控制视频通过什么方式填充