Vimeo 播放器在后台全屏显示

Question

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

我发现通过 css 可以做到这一点，但它只能在控制台中工作，但当我使用我的 css 文件时，我似乎无法工作。我无法通过 css 访问 iframe 内部。

有没有一种简单的方法可以通过 iframe url 实现此方法，使其 完整且响应迅速 ？

代码

<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. I adapted the CSS from this answer 使视频响应。

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

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

Vimeo 播放器在后台全屏显示

Vimeo player fullscreen in background

javascript

jquery

vimeo