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

Posted

技术标签:

【中文标题】在嵌入式 YouTube 播放器中自动播放下一个视频【英文标题】:Autoplay next video in embedded YouTube player 【发布时间】:2016-07-03 07:13:05 【问题描述】:

YouTube 上有一个自动播放功能,可以播放下一个推荐的视频。

如何在嵌入式 YouTube 播放器中启用此功能?

YouTube API here 解释了自动播放功能,但这并不相同。他们描述的功能是在网页加载后自动播放视频。

有没有办法在嵌入的视频帧中实现 YouTube 上的自动播放功能?

【问题讨论】:

问题可能重复。这可能会有所帮助:***.com/questions/19725950/… 【参考方案1】:
<iframe   src="https://www.youtube.com/embed/211t6r12XPQ" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen>
</iframe> 

也许这是某个网站的 AI 或 UI 复制链接

【讨论】:

【参考方案2】:

根据 youtube api 参考页面https://developers.google.com/youtube/iframe_api_reference中列出的选项

没有任何特定选项可以启用您正在寻找的功能。


但是,您可以通过其他方法来实现这一点,使嵌入式 youtube 视频播放器自动播放下一个视频。

为此,您必须从播放列表嵌入视频,而不是直接嵌入视频

<iframe   src="https://www.youtube.com/embed/NTM4kxNjAIY?list=PLelK7aEMtfK2wpv7tv472alrDpNwO_0jw" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>

【讨论】:

【参考方案3】:

据我了解,这个想法是使用嵌入式 youtube (YouTube Iframe-API) 与使用普通 youtube.com 的行为相同,并将自动播放设置为 true。

到目前为止,我发现的唯一方法是通过 api 调用获取 videoId,如下所述:https://***.com/a/19732072/10956686 然后在 PlayerState.ENDED 事件触发后使用 player.loadVideoById()。

    function onPlayerStateChange(event)      
        if (event.data == YT.PlayerState.ENDED && !done)         
            player.loadVideoById(myFetchedNextVideoId);
               
    

但这可能会导致大量 API 配额的使用。

【讨论】:

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

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

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

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

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

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

自动播放嵌入的 YouTube 视频