收藏
回答

鸿蒙系统中,当视频大小与 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>


回答关注问题邀请回答
收藏
登录 后发表内容