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