ReactPlayer height可进行缩放以适应页面
ReactPlayer height可进行缩放以适应页面
提问于 2020-08-19 01:43:03
在我的页面上，我有一个视频，我想要包含整个网页的屏幕。然而，到目前为止，用户必须滚动一点才能到达底部，这不是我想要的。
我的JS：
<div id="page">
<div id="video-container">
<ReactPlayer
id="video-player"
playing
url={flower}
width='100%'
height='100%'
muted={true}
loop
/>
</div>
</div>我的CSS：
#video-container {
position: relative;
display: flex;
width: auto;
height: auto;
}
#video-player {
}我试着给视频播放器添加CSS属性，但是没有一个管用，所以这就是为什么它现在是空的。不知道我需要调整什么。
回答 1
Stack Overflow用户
回答已采纳
发布于 2020-08-19 02:33:03
给视频播放器100vh的高度，并隐藏它的溢出。
#video-container {
position: relative;
display: flex;
width: auto;
height: 100vh;
overflow: hidden;
}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/63473949
复制相关文章
相似问题
腾讯云开发者
