Question

有没有办法让HTML5视频（和海报属性）充当居中的背景封面？

我创造了一个可以围绕宽度玩的假笔：

布局基于两个50％宽度的部分，其中左侧包含固定视频，右侧包含绝对定位内容。

主要问题是我的设计需要垂直分割，使水平视频成为一个问题。有没有办法让这些水平视频在基于垂直的布局中保持全高？ - 与使用background-size：cover;

的方式相同

我知道你可以使用背景视频等，但我需要这个来控制，海报等，以满足我对这个项目的一些交互性要求。

Answer 1

我知道这是一个老问题，你可能已经转向了其他事情，但我想回答以防万一其他人通过Google偶然发现这个问题。您所寻找的是object-fit，这是一种向视频和图片添加此类行为的方法。 Here's some info on it，但基本上你只需要这样写：

video {
  ... // other stuff here
  object-fit: cover;
}