‭ᑋᵉᑊᑊᵒ ᵕ̈ 2025-02-25 13:23 采纳率: 50%
浏览 26

微信小程序video标签遇到的问题

<video wx:if="{{host}}" object-fit='cover' src="/path" class="swiper-item-mv" />

一开始设置object-fit='contain',视频在不全屏播放时会出现黑边,为了解决这个问题,设置成了object-fit='cover',导致全屏播放会铺满屏幕显示不全,这该如何是好,请问各位有什么妙招吗?

img

img

  • 写回答

2条回答 默认 最新

  • 阿里嘎多学长 2025-02-25 13:23
    关注

    阿里嘎多学长整理AIGC生成,因移动端显示问题导致当前答案未能完全显示,请使用PC端查看更加详细的解答过程

    微信小程序video标签遇到的问题

    你遇到的问题是微信小程序中的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属性。

    评论

报告相同问题?

问题事件

  • 创建了问题 2月25日