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

62 阅读 0 评论 41 点赞

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

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分辨率的视频，仅供参考。

以上就是怡然玉米为你收集整理的微信视频全屏问题解决方案的全部内容，希望文章能够帮你解决微信视频全屏问题解决方案所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。

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