微信浏览器中使用Video 全屏/小窗口

在微信浏览器中使用Video 全屏/小窗口

<style>
 html, body {
            -ms-touch-action: none;
            background: #020b1d;
            /*background: #fff;*/
            padding: 0;
            border: 0;
            margin: 0;
            height: 100%;
            position: relative;
            overflow: hidden;
        }
video{
            object-fit: cover;
            position: absolute;
            top: 0;
            left: 0;
            display: none;
            width: 100%;
            z-index: 999;
        }
</style>
 <video id="P5video" preload="auto" poster="" style="" 
     playsinline="true" 
     webkit-playsinline="true" 
     x5-video-player-type="h5" 
     x-video-player-fullscreen="true" 
     x-webkit-airplay="true"  src=".."></video>
 <script>
  var H5video = document.createElement('myvideo')
    H5video.setAttribute('playsinline', true) //IOS微信浏览器支持小窗内播放
    H5video.setAttribute('webkit-playsinline', true) //这个bai属性是ios 10中设置可以让视频在小du窗内播放，也就是不是全zhi屏播放的video标签的一个属性
    H5video.setAttribute('x5-video-player-type', 'h5') //安卓 声明启用同层H5播放器 可以在video上面加东西
 </script>