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

-2

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

<!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>

来源

2017-05-19 Mohammad Mahjoub

您可能需要将YouTube API应用到您的后端/应用程序中 - https://developers.google.com/youtube/v3/docs/videos/list – Aziz