H5 移动端点击图片自动全屏播放视频，退出隐藏video控件，android/ios兼容！

 

 

 

 

 

功能分析：用户N张轮播+1个视频，播放按钮始终位于最底部，点击播放视频video 控件要直接全屏播放出来，退出则隐藏视频,以下为gif效果图：

 

 

页面布局就不说了 swiper +  底部的播放按钮 position：absolute ;然后z-index:1,video事先display：none 

$("#video_play").click(function(){
    $(".n_none").css('display','block')
    $("#home_video").play();
})

播放按钮：   
<image src="images/bofang.png" class="bofang" id="video_play" />

视频：

 <video preload="auto" id="home_video" src=&