Reactjs 蜂鸣SDK视频没有响应

我已经构建了一个react.js客户端应用程序，它与Chime SDK和一些REST API接口。它创建会议、与会者、连接本地硬件并启动音频和视频

我的问题是视频的大小是固定的

它位于React Bootsrap响应布局内，如下所示：

<Container fluid style={containerStyle}>
    <Row>
        <Col sm="10">
            <audio id="my-audio-element"></audio>
            <video id="my-video-element"></video>
        </Col>
        <Col sm="2">
            ...
        </Col>
    </Row>
</Container>

...

SDK文档建议使用

和

元素。父级

有响应

无论我对页面做什么，蜂鸣音视频都保持固定大小

更新

---

设置

class=“h-100 w-100”

可使视频调整大小，但它仍具有固定的纵横比？

我在SDK演示/浏览器应用程序中找到了答案：

.video-tile-video {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  object-fit: cover;
}