javascript - 根据普通 javascript 中的父 div 调整子视频元素的大小

Question

我可以成功拖放 div 及其包含的视频元素。但是在调整 div 大小时，视频元素没有调整大小。

CSS:

.drsElement {
 position: absolute;
 border:8px solid #a00000;
}

.drsMoveHandle {
 height: 20px;
 background-color: #CCC;
 border-bottom: 1px solid #666;
 cursor: move;
}

标记:

<div id="myDiv" class="drsElement drsMoveHandle"
     style="left: 400px; top: 280px; width: 50px; height: 100px;
     background: #348534; text-align: center">
    <video id="localVideoPlayer" autoplay muted  ></video>
</div>

如何解决这个问题？我正在使用 this示例。

Answer 1

如果您尝试调整 div 的大小，请使用

width: auto;
height: auto;

或

如果您尝试根据 div 使用调整视频大小

video{
    width: 100%; 
    height: 100%; 
}