我可以成功拖放 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示例。
最佳答案
如果您尝试调整 div 的大小,请使用
width: auto;
height: auto;
或
如果您尝试根据 div 使用调整视频大小
video{
width: 100%;
height: 100%;
}
关于javascript - 根据普通 javascript 中的父 div 调整子视频元素的大小,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27615417/