iframe - 动态更新网站上的youtube播放列表

Question

好的，我正在尝试开发一个包含youtube播放列表的网站。以后，应该可以使访问该网站的每个人(在我的本地网络中)将歌曲添加到此播放列表。我将为此使用youtube-api和可能的php或python。

现在，我已经通过<iframe>标签添加了播放列表，并偶然发现了一个大问题。如果我现在(通过youtube本身)向此播放列表添加更多歌曲，则当我重新加载整个网站时，它们当然只会添加到我的网站上的播放列表中。例如，如果我只是用<iframe>重新加载div，那么问题就在于播放列表从第一首歌曲重新开始。

有什么方法可以动态更新网站上的播放列表？这样播放列表就不会从头开始，而是继续播放当前播放的歌曲，而实际上将新添加的歌曲“实时”添加到播放列表中？

此处的<iframe>标记(如果有帮助):

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

Answer 1

我建议的一种方法是:

(在更新包含iframe的div之前)，您需要同时获取当前播放的视频和播放时间。1

(将视频添加到播放列表中并获得我在前几行中提到的值之后)，更新div元素(通过修改 src的 iframe值)。

一个例子可能是这样的:

您的播放列表的ID为:PLmdXGEzOwfzb0fq7S2iP-t4i7x19R1ZN2。

当前正在播放的视频是:51iquRYKPbs

右键单击正在播放的视频51iquRYKPbs时，您将获得Copy URL video at current time选项。

选择Copy URL video at current time选项后，您将获得如下所示的URL:

youtu.be/51iquRYKPbs?list=PLmdXGEzOwfzb0fq7S2iP-t4i7x19R1ZN2&t=80

检查突出显示的值-您将需要它们来重新加载 iframe。

您当前的iframe src值如下:

https://www.youtube.com/embed/videoseries?list=PLmdXGEzOwfzb0fq7S2iP-t4i7x19R1ZN2

(尚无修改)。

要使用已应用的更改重新加载iframe，请按以下步骤设置iframe src:

https://www.youtube.com/embed/51iquRYKPbs?list=PLZCHH_4VqpRhMW1K9I1hbgBRmmlWdyK3k&autoplay=1&start=80

(一旦您更改了iframe的 src值，它就会重新加载所做的更改，并会在指定的时间继续播放视频)。

接下来说明对 src值所做的更改:

设置正在播放的视频的videoId值(完成重新加载之前)。

设置视频的起始值，以便在指定时间继续播放。

在指定的时间播放视频需要autoplay=1。

1关于如何获取当前播放视频和当前播放视频的时间是一个全新的问题，它取决于您使用哪种语言处理网站中的所有YouTube内容-(因为您在问题中提到，使用php或python)。