.video_container{@w:670px/2;@h：377px/2；@borderRadius:50px;宽度：@w；身高：@h；边距：100px自动；边界半径：@borderRadius；@w;身高：@h；背景：#ccc;z指数：999；&>img{@play:60px;宽度：@播放；身高：@play；%;变换：翻译（-50%，-50%）}}视频{宽度：@w;身高：@h；}}ios和android显示有区别。如果只是显示一个普通的网页，只需要在iOS上添加webkit-playsinline="true"Android上添加x5-video-player-type="h5"x5-video-player-fullscreen="true"x5-video-orientation="portraint"实现微信同层播放；iOS和Android显示播放没问题；如果你想像我一样把视频放在swiper里面，而且不在首页播放视频，希望视频有圆角。那么问题来了。首先刷屏非首屏玩安卓的问题是竖屏只有声音没有图像。我试了很久，只需要去掉Android部分的同层播放代码，即去掉x5-video-player-type="h5";如果视频在滑动中，你肯定会有这样的需求，即滑动到非视频页面时，暂停视频，视频上方会出现一个模拟暂停按钮。这里可以这样写：constmySwiper=newSwiper('.swiper-container',{direction:'vertical',on:{slideChangeTransitionEnd:function(){if(this.activeIndex!=1){//暂停视频代码}}}})这里定义一个变量showPoster是否显示暂停按钮，显示暂停模拟按钮，隐藏视频；这里播放按钮的显示一定要和视频显示反相关，因为如果不这样做会有很多默认的bug，导致video_container的overflow:hidden不生效，圆角无法显示显示。这是一个比较顺利的做法；我试过将视频的position设置为fixed，这样虽然模拟点击按钮可以正常显示和隐藏，但是会让parentoverflow:hidden失效。无法显示视频圆角。代码大致如下：播放button.png"/>
