Chime SDK 视频没有响应

Question

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

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

它在 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>

<audio id="my-audio-element"></audio> 和 <video id="my-video-element"></video> 元素如 SDK 文档所建议。 parent <Col sm="10"> 有响应。

无论我对页面做什么，Chime 视频都保持固定大小吗？

更新

设置class="h-100 w-100"可以调整视频大小，但是它仍然有固定的纵横比？

Answer 1

我在 SDK demo/browser 应用程序中找到了答案：

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

Chime SDK 视频没有响应

Chime SDK Video not responsive

reactjs

aws-chime-sdk