首页 > 网站 > WEB开发 > 正文

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

2024-04-27 15:08:43
字体:
来源:转载
供稿:网友

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


上一篇:ueditor常见用法

下一篇:前端模块化理解

发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表