Html 如何在半个桌面屏幕上制作全高视频?

Html 如何在半个桌面屏幕上制作全高视频?,html,css,html5-video,Html,Css,Html5 Video,页面url: 我有一个4096x2160像素的视频,我正在我的左半屏幕上显示这个视频。我想以全高显示视频的居中部分 @media (min-width: 1025px) #myVideo { width: 100%; height: 100vh; object-fit: cover; } 我什么都试过了,但没有找到解决办法。任何帮助都将不胜感激。这应该可以: 将元素高度设置为全屏,然后调整视频以覆盖整个高度 @media (min-width: 1025px)

页面url:

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

 @media (min-width: 1025px)
  #myVideo {
   width: 100%;
   height: 100vh;
   object-fit: cover;
 }
我什么都试过了,但没有找到解决办法。任何帮助都将不胜感激。

这应该可以:

将元素高度设置为全屏,然后调整视频以覆盖整个高度

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

不清楚你想要什么,但我认为你想要的是
高度:50vh我希望显示全高的视频。因此,您希望视频包含半个屏幕的全高和全宽?高度:50vh不是working@media(最小宽度:1025px)#我的视频{宽度:100%;高度:100vh;}当然没问题。很高兴@松谷