Vimeo 播放器在后台全屏显示

Question

我已使用此代码将我的 vimeo 视频放在自动播放的背景中。

我发现可以通过 css 执行此操作，但是它只能在控制台中使用，但是当我使用我的 css 文件时我似乎无法工作。我无法通过 css 访问 iframe 内部。

有没有一种简单的方法可以通过 iframe 网址实现此方法以使其全长且响应迅速？

代码

<iframe src="https://player.vimeo.com/video/76979871?background=1" width="100%" height="450" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>

Answer 1

这是fiddle of a responsive background video。我调整了 this answer 的 CSS 以使视频具有响应性。

为了使它成为背景，我添加了这个：

.videowrapper {
  /* ... */
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}