video组件添加object-fit="cover"后播放视频时显示不全,请问是什么问题?
发布于 4 年前 作者 xia93 13073 次浏览 来自 官方Issues

代码:<video class="mediaid="myVideoobject-fit="covercontrols="falsewx:if="{{item.video}}src="{{item.video}}show-mute-btn="truevslide-gesture-in-fullscreen="falsebindplay="playStartshow-play-btn="false"></video>

不加object-fit="cover"视频就无法填满组件(如下图),加了object-fit="cover"视频在全屏下都显示不全,请问有没有什么方法,即不出现下图的黑边,全屏播放时又能正常显示?

2 回复

你好,麻烦提供出现问题的具体机型、微信版本号、系统版本号,以及能复现问题的代码片段(https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html

cover的作用是裁剪,看看能不能全屏时取消cover

回到顶部