Javascript 设置Videojs播放器尺寸，使其具有响应性

我有一个使用VideoJS播放器的react应用程序。目前，为了设置播放器的高度和宽度，我像这样分配高度和宽度值

assign(props, {
    ref: 'video',
    controls: true,
    width: "960", height: "600"
});

return (
    <div>
        <video {... props}>
            <source src={this.props.src} type={this.props.type} id={this.props.id}/>
        </video>
    </div>)

分配（道具、{
参考：“视频”，
控制：对，
宽度：“960”，高度：“600”
});
返回(
)

这是我放置播放器组件的代码

return (
    <div className={c.container}>
        <div className='video-section'>
            <div>
                <Player/>
            </div>

返回(

---

但是这样设置高度和宽度是没有响应的。我如何为玩家的响应行为分配高度和宽度？

你有能力用%设置宽度吗？好问题。我在尝试将其设置为100%时出错，因为类型是数字而不是字符串。我无法用任何东西覆盖它。它根本不起作用em responsive，我现在继续讨论其他内容。你有能力用%设置宽度吗？好问题。我在尝试将其设置为100%时出错，因为类型是数字而不是字符串。我无法用任何内容覆盖它。它似乎没有响应，我现在继续讨论其他内容。