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

时间:2018-03-09 07:38:48

标签: html css css3 html5-video

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

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

我已经尝试了一切,但没有找到任何解决方案。任何帮助都会受到欢迎。

1 个答案:

答案 0 :(得分:1)

这应该做:

将元素高度设置为全屏,然后使视频适合覆盖整个高度。

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