具有自动播放功能的动态播放列表

Posted

技术标签:

【中文标题】具有自动播放功能的动态播放列表【英文标题】:Dynamic playlist with autoplay 【发布时间】:2016-09-26 04:33:48 【问题描述】:

我在嵌入带有自动播放功能的动态播放列表时遇到问题。

我想要做的是,拥有一个动态的视频 ID 列表,在这些视频中嵌入一个播放列表。我通过使用以下 html 更新 div 来做到这一点:

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

如指定here。

但是,autoplay 属性似乎被忽略了,因为初始视频没有开始播放。

在其他情况下,我将 src 设置为嵌入单个视频,使用

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

这很好用。

有谁知道如何在动态嵌入式播放列表上强制自动播放?

---------- 编辑--------------

这似乎适用于 IE,但不适用于 Firefox 和 Chrome……有谁知道为什么?

【问题讨论】:

这个问题和这个问题有关系吗? - ***.com/questions/27498032/… 和这个 ***.com/questions/18676660/… @ruslan 恐怕不是...第一个链接是关于 iframe 不在 iPhone 上自动播放的,根据答案,这是 Apple 的政策。我正在使用各种浏览器的 Windows 机器上对此进行测试。然而,它似乎在 IE 上工作,但不在 Firefox 或 Chrome 上。第二个链接是关于一个错误输入的属性,事实并非如此...... 【参考方案1】:

基于此thread,您需要在您的 YouTube 播放列表链接中添加"&amp;autoplay=1&amp;loop=1"

例子:

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

检查这个相关的 SO 问题:

How can I autoplay a video using the new embed code style for Youtube?

【讨论】:

感谢您的回答。我已经尝试过了,但循环属性只设置播放列表的循环功能,我不希望它被设置。即使有loop=1 属性,自动播放仍然不起作用【参考方案2】:

找不到相关答案,但看起来问题可能在Autoplay Policy Changes。

【讨论】:

以上是关于具有自动播放功能的动态播放列表的主要内容,如果未能解决你的问题,请参考以下文章

具有自动播放功能的视频标签在反应中不起作用

如何获取动态添加的视频以在 Chrome 上自动播放? [复制]

谷歌浏览器自动播放音频且可动态切换音频路径

Xml 音频列表播放器在移动设备上不起作用,并且自动播放不起作用

自定义自动播放进度条 - 动态宽度属性 - 在铬中不起作用

Youtube 自动播放无法在具有嵌入式 HTML5 播放器的移动设备上运行