<video wx:if="{{host}}" object-fit='cover' src="/path" class="swiper-item-mv" />
一开始设置object-fit='contain',视频在不全屏播放时会出现黑边,为了解决这个问题,设置成了object-fit='cover',导致全屏播放会铺满屏幕显示不全,这该如何是好,请问各位有什么妙招吗?
<video wx:if="{{host}}" object-fit='cover' src="/path" class="swiper-item-mv" />
一开始设置object-fit='contain',视频在不全屏播放时会出现黑边,为了解决这个问题,设置成了object-fit='cover',导致全屏播放会铺满屏幕显示不全,这该如何是好,请问各位有什么妙招吗?
阿里嘎多学长整理AIGC生成,因移动端显示问题导致当前答案未能完全显示,请使用PC端查看更加详细的解答过程
你遇到的问题是微信小程序中的video
标签设置object-fit
属性为cover
时出现的问题。
根据微信小程序的文档,object-fit
属性只能在video
标签的poster
属性中使用,而不能在src
属性中使用。
解决方法是将object-fit
属性设置到poster
属性中,例如:
<video wx:if="{{host}}" object-fit='cover' poster="/path" src="/path" class="swiper-item-mv" />
这样可以正确地设置视频的对象-fit属性。