有没有办法让 HTML5 视频(和海报属性)像居中背景封面一样工作？
我创建了一个虚拟笔，您可以在宽度范围内玩:
http://codepen.io/SEFarstad/pen/vujqE
布局基于两个 50% 宽度的部分，其中左边的部分包含固定视频，右边的部分包含绝对定位的内容。
主要问题是我的设计需要垂直分割，这使得水平视频成为问题。有没有办法让这些水平视频在垂直布局中像这样全高？ - 与使用 background-size: cover; 的方式相同；
我知道你可以使用背景视频等，但我需要它来控制、海报等，以满足我对这个元素的一些交互需求。
最佳答案
我知道这是一个老问题，您可能已经转向其他问题，但我想回答以防其他人通过 Google 偶然发现这个问题。您正在寻找的是 object-fit，一种将这种行为添加到视频和图像的方法。 Here's some info on it , 但基本上你只需要这样写:
video {
... // other stuff here
object-fit: cover;
}
可悲的是，你can't use this on every browser just yet .但是，有 a polyfill you can look into .
关于css - HTML5 视频响应垂直封面，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/18528447/