自动播放嵌入的 YouTube 视频

Posted

技术标签:

【中文标题】自动播放嵌入的 YouTube 视频【英文标题】:Making an embedded YouTube video play automatically 【发布时间】:2018-05-25 23:14:16 【问题描述】:

我希望视频在页面加载后自动播放。该视频没有声音,因此不应过多地打扰用户。

这个查询的官方YouTube answer 是在视频ID 之后立即添加&autoplay=1,虽然这在这个CodePen 测试中有效,但它不适用于我的实际网站页面。

Elsewhere on Stack Overflow 我看到有人建议用? 替换& 会起作用,但是对我不起作用。 (它不会破坏视频,只是仍然不会自动播放)。

我嵌入的 YouTube 视频

<div class="background-video" style="background-color: #ebebeb; height: 655px;">

     <iframe   src="https://www.youtube.com/embed/bdw7V0vzQCs?&autoplay=1&rel=0&controls=0&showinfo=0" frameborder="0" gesture="media" allow="encrypted-media" allowfullscreen></iframe>

</div>

该网站基于 Wordpress 构建,目前托管在本地 MAMP 服务器上。

【问题讨论】:

【参考方案1】:

您的代码是正确的,我检查视频是否自动播放创建一个新的 php 文件并检查添加您的代码。

网站可能有问题。

【讨论】:

【参考方案2】:

只有当 autoplay 是添加到您的 youtube 网址的第一个属性时,您才应该将 ? 放在前面,否则您应该使用 &amp;。 像这样:your-url.com?autoplay=1your-url.com?key=value&amp;autoplay=1 在您的情况下,您有 ?&amp; 应该只替换为 ?

【讨论】:

我决定走一条不同的路线来实现我想要的,但我很好奇如果你说它不正确,为什么它会在我附加的 CodePen 中工作。我假设这将是一个 Wordpress/MAMP 问题。 @SamJohnson 这取决于浏览器。它不适用于 Safari 11.0.1,但它适用于 Firefox Quantum 57.0.1 和 Chrome 63.0。就像我上面说的那样正确放置时,它们都可以正常工作。 我使用的是 FIrefox Quantum,但它不适合我。 您是否尝试过使用相同的嵌入 Youtube 视频?也许问题来自那里 就像我说的,我想出了一个不同的解决方案,因此不再需要任何帮助。但我感谢您的帮助。

以上是关于自动播放嵌入的 YouTube 视频的主要内容,如果未能解决你的问题,请参考以下文章

如何让嵌入的 Youtube 视频自动开始播放?

自动播放嵌入的 YouTube 视频

嵌入带有自动播放和无控件的 youtube 视频

让多个嵌入式 Youtube 视频按顺序自动播放

android webview youtube嵌入视频自动播放不起作用

在 Android WebView 中自动播放嵌入的 YouTube 视频有啥新技巧吗?