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

148 阅读 0 评论 98 点赞

我是靠谱客的博主怡然玉米，这篇文章主要介绍微信视频全屏问题解决方案，现在分享给大家，希望可以做个参考。

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

ios:给video加一下属性

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

android：给video加一下属性

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

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

   object-fit: fill;

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

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

以上就是怡然玉米最近收集整理的关于微信视频全屏问题解决方案的全部内容，更多相关微信视频全屏问题解决方案内容请搜索靠谱客的其他文章。

本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。