微信小程序video怎么禁止全屏
答案:1 悬赏:0 手机版
解决时间 2021-03-03 08:11
- 提问者网友：凉末
- 2021-03-03 00:42
微信小程序video怎么禁止全屏
最佳答案
- 五星知识达人网友：末日狂欢
- 2021-03-03 01:51
您好！很高兴能为您解答，
在微信浏览器里面使用video标签，会自动变成全屏，改成下面就好了，起码可以在video标签之上加入其他元素。
<video id="videoID"webkit-playsinline="true" x-webkit-airplay="true" playsinline="true"x5-video-player-type="h5"x5-video-player-fullscreen="true"width="100%" height="100%"preload="auto" poster="" src="">
</video>
还有个问题，在android的微信里面，就算加上了上面的属性，还会出现上下有黑边，不能全屏的问题。
解决办法：给video加上object-fit: fill;的style属性。
在微信浏览器里面使用video标签，会自动变成全屏，改成下面就好了，起码可以在video标签之上加入其他元素。
<video id="videoID"webkit-playsinline="true" x-webkit-airplay="true" playsinline="true"x5-video-player-type="h5"x5-video-player-fullscreen="true"width="100%" height="100%"preload="auto" poster="" src="">
</video>
还有个问题，在android的微信里面，就算加上了上面的属性，还会出现上下有黑边，不能全屏的问题。
解决办法：给video加上object-fit: fill;的style属性。
我要举报
如以上问答信息为低俗、色情、不良、暴力、侵权、涉及违法等信息，可以点下面链接进行举报！
大家都在看
推荐资讯