我目前正在使用 react-video-js-player 中的 VideoPlayer,并且正在尝试覆盖默认的高度/宽度样式以使视频继承父级的高度/宽度。
因为 VideoPlayer 只是 VideoJS 的 React 包装器。我假设样式和类名是相同的。我试着做这样的事情:
import VideoPlayer from "react-video-js-player"
export const VideoJS = styled(VideoPlayer)`
position: relative;
height: 100%;
`
在 props 中设置高度和宽度为 100% 不起作用
<VideoPlayer
controls="true"
height={"100%}
width={"100%"}
src="examplevideo"
/>
.
父容器设置为 100% 的宽度和高度。有任何想法吗?