gpt4 book ai didi

html - Youtube 的背景视频在移动分辨率下无法启动

转载 作者:太空宇宙 更新时间:2023-11-04 01:59:23 24 4
gpt4 key购买 nike

我使用 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>

最佳答案

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

我发现了这些参数,您可以在其中隐藏播放按钮,如评论中所讨论的那样。它们是:

显示信息=0
控件=0
autohide=1

所以这将生成完整的 url: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

关于html - Youtube 的背景视频在移动分辨率下无法启动,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42043221/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com