微信视频全屏问题解决方案

1、微信浏览器下解决默认video全屏问题

iOS:给video加一下属性 

[html] view
plain copy

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

android：给video加一下属性

[html] view
plain copy

x5-video-player-type="h5"x5-video-player-fullscreen="true"  

2、按照上述方法Android还会有点问题，视频的上下方会出现黑边。解决办法是给video的样式里添加 

[html] view
plain copy

object-fit: fill;  

3、最后一点是需要注意的是android和ios最好使用不同分辨率的视频，防止视频拉伸严重。

      实际应用案例：http://client.elloworld.cn/meizu/ycvideo/   这里ios使用了640*1040分辨率的视频，android使用了640*1138分辨率的视频，仅供参考。