YouTube JS API 自定义播放器跳过/下一个视频功能

Posted 2023-05-09

【中文标题】YouTube JS API 自定义播放器跳过/下一个视频功能

【英文标题】：YouTube JS API Custom Player Skip/Next Video Function

【发布时间】：2012-12-31 09:46:00

【问题描述】：

我有一个自定义的 youtube 播放器，主要用 javascipt/jQuery 编码，它使用 iframe 方法，并且有下一个和上一个轨道按钮，无需使用 YouTube javascript API 函数即可工作。播放器还会根据用户点击的搜索结果链接改变播放视频的ID。我唯一的问题是我需要能够检测当前正在播放的视频何时结束，以便播放器知道何时跳到列表中的下一个曲目，而无需用户单击按钮。这可以在没有 API 调用的情况下完成吗？

如果不是，我应该如何使用 JavaScript API 实现 YouTube iframe 嵌入，以确定歌曲何时通过 OnStateChange 事件结束，同时仍然能够在用户单击时更改正在播放的歌曲的 ID搜索结果链接？

是否应该通过将视频 ID 传递给创建 YouTube 播放器对象的函数，然后在用户单击链接并插入具有新 ID 的 YouTube 播放器的新实例时将其销毁？

【参考方案1】：

正是出于您描述的确切原因，我创建了 jQuery Tubeplayer 插件。

在这里查看：http://plugins.jquery.com/tubeplayer/

不确定这是否会直接帮助您，但您当然可以查看库代码以了解正在执行的操作。您需要使用“onPlayerEnded”函数来触发下一个视频。

【参考方案2】：

我刚刚在我的 jquery $(document.ready() 语句之外创建了一个 youtube 播放器对象的实例，然后通过 jQuery 更改了 iframe 的“src”属性，这对我来说很有效。