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

Posted

技术标签:

【中文标题】如何让嵌入的 Youtube 视频自动开始播放?【英文标题】:How to make an embedded Youtube video automatically start playing? 【发布时间】:2011-07-18 00:12:39 【问题描述】:

在我的项目中,有一个视频库模块。在此模块中,有两个选项:直接 FLV 上传和添加来自 YouTube 的视频嵌入代码。

我正在为 div 元素编写一些嵌入代码(实际上,嵌入代码来自数据库)。我想让这个视频自动开始播放。

<iframe title="YouTube video player"   src="http://www.youtube.com/embed/zGPuazETKkI" frameborder="0" allowfullscreen></iframe>

这是来自 YouTube 的示例嵌入代码。我想使用 javascript 自动播放此视频。

【问题讨论】:

请记住,大多数人不希望未经他们同意就向他们大声播放音频/视频。我们讨厌 a/v 广告并希望它们死于火灾是有原因的。 【参考方案1】:

你必须使用

<iframe title="YouTube video player"   src="http://www.youtube.com/embed/zGPuazETKkI?autoplay=1" frameborder="0" allowfullscreen></iframe>

?autoplay=1

而不是

&amp;autoplay=1

它是第一个 URL 参数,所以它添加了一个?

【讨论】:

感谢这对我有用!这是在 You tube 的嵌入代码之后插入的。 ;autoplay=1" 这是原始代码: 当编辑插入到: rel=0" 在边框之前 我可以让它工作的唯一方法是删除 rel=0 参数。 (不知道那有什么用)。 rel=0 删除了最后的相关推荐视频。【参考方案2】:
<iframe title='YouTube video player' class='youtube-player' type='text/html'
        width='030' height='030'
        src='http://www.youtube.com/embed/ZFo8b9DbcMM?rel=0&border=&autoplay=1'
        type='application/x-shockwave-flash'
        allowscriptaccess='always' allowfullscreen='true'
        frameborder='0'></iframe>

只需在嵌入后插入您的代码/

【讨论】:

【参考方案3】:

&autoplay=1 添加到您的语法中,像这样

<iframe title="YouTube video player"   src="http://www.youtube.com/embed/zGPuazETKkI&amp;autoplay=1" frameborder="0" allowfullscreen></iframe>

【讨论】:

根据相关问题您想添加?autoplay=1。按照 URL 参数的标准,第一个由 ? 标识,其他使用 &amp;amp; 符号附加。【参考方案4】:

这对我来说非常有效,试试这个,只需将 ?rel=0&autoplay=1 放在链接末尾

<iframe   src="https://www.youtube.com/embed/UUdMixCYeTA?rel=0&autoplay=1" frameborder="0" allowfullscreen></iframe>

【讨论】:

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

让嵌入式 YouTube 视频自动播放和循环播放

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

在嵌入式 YouTube 播放器中自动播放下一个视频

如何将 youtube 视频嵌入为带有自动播放、循环和隐藏观看、分享、Youtube 徽标和视频标题的标题?

如何找出加载 youtube 嵌入式 iframe 的时间

自动播放如何在2017年嵌入YouTube视频?