视频窗口播放

 

<video src="images/video1.mp4" id="video-obj1" class="video-obj" controls="controls" x-webkit-airplay="true" webkit-playsinline="true" playsinline></video>

添加 x-webkit-airplay="true" webkit-playsinline="true" playsinline 三个属性

注意：此方法在部分安卓手机微信端无法实现效果，因为是微信内核问题，并且微信会把播放的视频的层级设置为最高，所以会存在视频返回后视频遮住页面问题，解决方法：监听视频暂停事件 pause，暂停后将视频元素隐藏，写一个视频封面图，点击封面图进行视频显示和播放

$("#video").addEventListener("pause",function(){
　　$(".video1").hide();
})