h5 video小窗内播放 亲测有效

<video width="100%" height="100%" 

           webkit-playsinline="true" 
           x5-playsinline="x5-playsinline"
           playsinline="true" 

           x-webkit-airplay="true" 
           preload="auto"
           poster="video.png">
           <source src="video.mp4">
</video>

主要是 webkit-playsinline="true"   x5-playsinline="x5-playsinline"  playsinline="true"  这三个属性

        webkit-playsinline="true"        这个属性是ios 10中设置可以,让视频在小窗内播放

        x5-playsinline="x5-playsinline"      微信内禁止全屏

         playsinline="true"        ios微信浏览器支持小窗播放

         preload="auto"   开启视频缓冲,页面加载完即加载视频

         x-webkit-airplay="true"   支持Airplay的设备

ok啦 

 

 

 

 

上一篇:vue-video-player插件在微信浏览器X5内核中的坑


下一篇:腾讯提供的TBS调试小程序页面