html - 如何在半桌面屏幕上制作全高视频？

Question

页面网址:https://dtlapi.portal.azure-api.net/how-distro-integrates-with-data

我有一个 4096x2160 像素的视频，我在左半边屏幕上显示这个视频。我想以全高显示视频的居中部分。

我已经尝试了所有方法，但没有找到任何解决方案。任何帮助将不胜感激。

Answer 1

应该这样做:

将元素高度设置为全屏，然后让视频适应整个高度。

 @media (min-width: 1025px)
  #myVideo {
   width: 100%;
   height: 100vh;
   object-fit: cover;
 }