VUE使用video-player视频插件页面滚动出现脱离文档流

Z时代
2024-01-10
分类：技术分享

h5播放video在android中滚动的时候脱离文档流怎么解决？

如下我的代码：

    <video-player class="video-player vjs-custom-skin"
ref="videoPlayer"
:playsinline="true"
:options="playerOptions">
</video-player>
</div>
playerOptions: {
playbackRates: [0.5, 1.0, 1.5, 2.0],
autoplay: false,
muted: false,
autoplay: true,
loop: false,
preload: 'auto',
language: 'zh-CN',
aspectRatio: '16:9',
fluid: true,
sources: [{
type: "video/mp4",
src: videourl
}],
poster: videoimg,
notSupportedMessage: '此视频暂无法播放，请稍后再试',
controlBar: {
timeDivider: true,
durationDisplay: true,
remainingTimeDisplay: false,
fullscreenToggle: true
}
}
}