0

我使用 CSS 和 Youtube IFrame 制作了背景视频，但在切换到移动分辨率（使用 F12 等）后它不会启动。

Chrome的截图，在手机上也是一样的。

带有我的代码的 GitHub 存储库。

<div class="video-background">
  <div class="video-foreground">
    <iframe src="https://www.youtube.com/embed/W0LHTWG-UmQ?controls=0&showinfo=0&rel=0&autoplay=1&loop=1&playlist=W0LHTWG-UmQ" frameborder="0" allowfullscreen></iframe>
  </div>
</div>
4

2 回答 2

1

手机不支持自动播放 bg-video。所以我曾经在移动版本上设置一个img。

于 2017-02-07T16:35:23.827 回答
1

目前实际上没有办法在大多数移动设备上自动播放视频。这实际上与正在使用的手机带宽有关。

我找到了这些参数，您可以在其中隐藏评论中讨论的播放按钮。这些是：

showinfo=0 controls=0 autohide=1

所以这将使完整的网址：https://www.youtube.com/embed/W0LHTWG-UmQ?controls=0&showinfo=0&rel=0&autoplay=1&loop=1&playlist=W0LHTWG-UmQ&showinfo=0&controls=0&autohide=1

于 2017-02-04T17:24:47.973 回答