javascript - 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;
}