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

Question

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

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>)

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

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

但是像这样设置高度和宽度是没有响应的。如何为播放器分配高度和宽度以实现响应行为？