Question

我希望在同一页面上有多个YouTube链接更新（一次播放一个视频）。例如，在下面的HTML代码中，有第一页和第二页的链接。第一页中的YouTube视频与第二页中的YouTube视频不同。这意味着我需要为每个视频创建一个HTML文件。如何创建一个可以在同一网页上更新多个YouTube视频链接的HTML页面，而无需为每个YouTube视频创建HTML文件？

＆＃13;

<!DOCTYPE html>
        <html lang="en">
        <head>
        <meta charset="UTF-8">
        </head>
        <body>

    <a href="test.html">First Video</a>
    <a href="test.html">Second Video</a>

        <!-- This is the first video -->
        <iframe width="560" height="315"
                src="https://www.youtube.com/embed/621IukZrGJo?list=PLLcHY_4gyFEHRwJ8OuXjR3SjBazaEgoTq"
                frameborder="0" allowfullscreen>
        </iframe>

    <!-- This is the second video -->

    <iframe width="560" height="315"
                src="https://www.youtube.com/embed/H_sYWYq9Aks?list=PLLcHY_4gyFEHRwJ8OuXjR3SjBazaEgoTq"
                frameborder="0"
                allowfullscreen>
        </iframe> 
</body>
</html>

＆＃13;

Answer 1

您必须使用YouTube开发者API。您可以使用JavaScript

https://developers.google.com/youtube/v3/code_samples/javascript

Answer 2

将Youtube频道与网站相关联

有关将youtube频道与您的网站相关联的信息，请参阅this帮助文章。您基本上必须通过Google Search Console验证所有权，完成后您就可以通过结束卡和频道页面链接到您的网站。

在您的网站上显示您频道上的所有视频

有两种方法。第一个问题在this SO回答中进行了解释，并将嵌入您视频的所有上传内容。

在发布新视频时自动更新您网站的播放列表

这是自动的！步骤2中显示的嵌入将始终在加载页面时拉出最新版本的播放列表。

如何创建一个可以在同一网页上更新多个YouTube视频链接的HTML页面？

2 个答案: