我有一个两列行，其中一行包含一些文本，以保持其高度和大小与窗口大小无关，另一行包含视频，以随窗口大小收缩和拉伸。

我是一个CSS的初学者，通过阅读这里的相关答案，我无法更好地了解如何做到这一点。

这是HTML。我没有设置高度或宽度的视频，因为我想它是可变的，并有整个页面溢出后，视频的最小宽度。

<!-- Originally tried with bootstrap grid, but that didn't work, that's why the class names -->
<div class="row upper-row">
  <div class="text-column">
    <!-- some paragraphs -->
  </div>
  <div class="video-column">
    <div class="video">
      <video controls>
        <source src="<some source>" type="video/mp4">
      </video>
    </div>
  </div>
</div>

尝试CSS:

该视频的样式几乎是空的，因为在尝试了这么多东西之后，没有任何东西奏效，太多了，无法在此一一列举。我读到有关，的文章，尝试使用，但无法使用。

.text-column {
  width: 500px;
}

.video-column {
  min-width: 500px;
}