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之前），您需要同时获取当前播放的视频和播放时间。¹

（将视频添加到播放列表中并获得我在前几行中提到的值），更新div元素（通过修改{{的src 1}}）。

一个例子可能是这样的：

您有一个ID为iframe的播放列表。
当前正在播放的视频是：PLmdXGEzOwfzb0fq7S2iP-t4i7x19R1ZN2
右键单击正在播放的视频51iquRYKPbs，您将获得51iquRYKPbs选项。
选择了Copy URL video at current time选项后，您将获得如下所示的URL：

youtu.be/ 51iquRYKPbs ？list = PLmdXGEzOwfzb0fq7S2iP-t4i7x19R1ZN2＆ t = 80

检查突出显示的值-您将需要它们来重新加载Copy URL video at current time。

您当前的iframe iframe值如下：

src

（尚无修改）。

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

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

（一旦更改iframe的https://www.youtube.com/embed/51iquRYKPbs?list=PLZCHH_4VqpRhMW1K9I1hbgBRmmlWdyK3k&autoplay=1&start=80值，它将重新加载所做的更改，并在指定的时间继续播放视频）。

接下来将说明对src值的更改：

设置正在播放的视频的videoId值（在重新加载之前）。
设置视频的起始值，以便在指定时间继续播放。
在指定的时间播放视频需要src。

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

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

1 个答案: