Vimeo 播放器在后台全屏显示

Vimeo player fullscreen in background

本文关键字：显示 后台 播放器 Vimeo      更新时间：2023-09-26

我用这段代码把我的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>

这是一个响应式背景视频的小提琴。我根据这个答案调整了 CSS，使视频响应。

为了使其成为背景，我添加了以下内容：

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

澄清一下，要使用官方的Vimeo解决方案将参数background=1添加到视频url，您确实需要为Vimeo Plus付费。

参考： https://vimeo.zendesk.com/hc/en-us/articles/224969968-Embedding-videos-overview

相关文章：