Youtube 的背景视频在移动分辨率下无法播放答案

【问题标题】：Background video from Youtube doesn't start while in mobile resolutionYoutube 的背景视频在移动分辨率下无法播放
【发布时间】：2017-06-21 22:40:35
【问题描述】：

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

Screenshot from Chrome, it is the same on mobile.

GitHub repo with my code.

<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>

【问题讨论】：

大多数手机实际上并不支持移动自动播放，如果这就是这个问题？我误会了吗？
啊，谢谢，你明白我的意思。那么，也许可以隐藏 youtube 播放按钮？
我已提交问题的答案，其中包含有关如何隐藏 youtube iframe 播放按钮的说明
或者我会下载视频并从电脑上运行它？...

标签： html css mobile youtube adaptive-design

【解决方案1】：

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

【讨论】：

【解决方案2】：

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

我找到了这些参数，您可以在其中隐藏播放按钮，如 cmets 中所述。它们是：

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

【讨论】：

啊，还是不行。我可能会尝试另一种方式
播放按钮的隐藏？我已将其添加到此处的 jsfiddle 中：jsfiddle.net/vutaphxq 并且似乎工作正常
请问您使用的是哪种设备/浏览器？
chrome，我也在里面使用移动预览
这似乎是移动设备不支持删除播放按钮的问题。你可以看到这个jsfiddle确实可以在chrome桌面上运行。