收藏
回答

鸿蒙系统中,当视频大小与 video 容器大小不一致时视频会全屏填充。object-f无效

框架类型 问题类型 API/组件名称 终端类型 微信版本 基础库版本
小程序 Bug video 微信安卓客户端 未知 3.8.3

鸿蒙系统中,当视频大小与 video 容器大小不一致时视频会全屏填充。object-f无论怎样设置都无效

在开发工具显示正常,真机测试视频会拉满整个屏幕

关键代码如下 object-fit="contain" 已设置

<video class="video-player" :id="videoId" :style="{ width: `${width}`, height: `${height}` }"

				webkit-playsinline="true" playsinline="true" x-webkit-airplay="allow" x5-video-player-type="h5-page" referrer-policy="origin"

				x5-video-orientation="portrait" :src="src" :initial-time="initialTime" :controls="isFullScreen"

				:show-center-play-btn="false" :autoplay="autoplay" :muted="isMute" :poster="poster" object-fit="contain" @play="videoPlay"

				@pause="videoPause" @ended="videoEnded" @timeupdate="videoTimeUp" @loadedmetadata="videoLoaded"

				@seeked="videoSeeked" @seeking="videoSeeking" @waiting="videoWaiting" @error="videoError"

				@fullscreenchange="onFullScreen"></video>


回答关注问题邀请回答
收藏

2 个回答

  • 社区技术运营专员--阳光
    社区技术运营专员--阳光
    2025-05-13

    请具体描述问题出现的流程,并提供能复现问题的简单代码片段(https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html)。

    2025-05-13
    有用
    回复 7
    • 一瓶
      一瓶
      2025-05-22
      遇到了同样的问题,应该很好复现的,我这边mate60必现
      2025-05-22
      回复
    • 小小苏
      小小苏
      2025-06-30
      +1,鸿蒙系统较新的版本应该必现,麻烦官方尽快排期解决一下。
      2025-06-30
      回复
    • 别小枝
      别小枝
      2025-07-01
      +1,相同问题
      2025-07-01
      回复
    • RUN
      RUN
      2025-07-01
      +1,相同问题  mate70
      2025-07-01
      回复
    • momo
      momo
      2025-07-09
      一样的问题
      2025-07-09
      回复
    查看更多(2)
  • 没什么
    没什么
    2025-09-16

    HarmonyOS下video加载完,再锁屏,解锁会自动播放,你们有这个问题吗?autoplay默认false和直接设置为false都试过。

    2025-09-16
    有用 1
    回复 1
    • changer
      changer
      2025-09-18
      有这个问题
      2025-09-18
      回复
登录 后发表内容