有没有办法让HTML5视频(和海报属性)像一个居中的背景封面?
我已经创建了一个可以围绕宽度玩的假笔:
http://codepen.io/SEFarstad/pen/vujqE
布局基于两个50%宽度的部分,其中左侧部分将包含固定视频,右侧部分将包含绝对定位内容 .
主要问题是我的设计需要垂直分割,使水平视频成为一个问题 . 有没有办法让这些水平视频在基于垂直的布局中保持全高? - 使用与background-size相同的方式:cover;
我知道你可以使用背景视频等,但我需要这个以控制,海报等来满足我对这个项目的一些交互性要求 .
1 回答
我知道这是一个老问题,你可能已经转向了其他事情,但我想回答以防万一其他人通过Google偶然发现这个问题 . 您正在寻找的是
object-fit
,一种向视频和图像添加此类行为的方法 . Here's some info on it,但基本上你只需要像这样写:可悲的是,你can't use this on every browser just yet . 但是,有a polyfill you can look into .