我大致上有以下代码,我现在将视频设置为全屏展开(我不是在寻找如何处理这种特殊情况的解决方案)。现在,我将根据容器的尺寸在容器内设置视频,尽管容器的尺寸会随子视频元素而扩展(我也尝试过100%的宽度和高度)。
但是到目前为止,我观察到的是即使使用页面加载,也无法正确观察到使用offsetHeight
的容器的高度。更准确地说,仅垂直调整大小不会更改容器的高度。可能是因为里面的视频即使垂直压缩也保持相同的高度。但是,水平调整大小确实会更改容器的宽度。所以..有什么想法吗?这仅仅是它应该如何表现吗?垂直约束时,视频只是不会自动调整大小,而水平约束会自动调整大小吗?
<v-layout> <!-- this is a flex container -->
<div class="wrapper">
<video width height />
</div>
</v-layout>
// js
window.resize = setVideoDimension()