如何創建一個可以在同一個網頁上更新多個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