自动播放嵌入的 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 网址的第一个属性时,您才应该将 ?
放在前面,否则您应该使用 &
。
像这样:your-url.com?autoplay=1
或 your-url.com?key=value&autoplay=1
在您的情况下,您有 ?&
应该只替换为 ?
。
【讨论】:
我决定走一条不同的路线来实现我想要的,但我很好奇如果你说它不正确,为什么它会在我附加的 CodePen 中工作。我假设这将是一个 Wordpress/MAMP 问题。 @SamJohnson 这取决于浏览器。它不适用于 Safari 11.0.1,但它适用于 Firefox Quantum 57.0.1 和 Chrome 63.0。就像我上面说的那样正确放置时,它们都可以正常工作。 我使用的是 FIrefox Quantum,但它不适合我。 您是否尝试过使用相同的嵌入 Youtube 视频?也许问题来自那里 就像我说的,我想出了一个不同的解决方案,因此不再需要任何帮助。但我感谢您的帮助。以上是关于自动播放嵌入的 YouTube 视频的主要内容,如果未能解决你的问题,请参考以下文章