在用戶控制的基本HTML播放器中播放Youtube視頻

Question

我有一堆youtube urls，我想玩。我希望只播放基本HTML播放器中的音頻內容，並使用像播放，暫停，下一個用戶控件。我無法添加用戶控制功能（無法在HTML播放器中播放視頻，我嵌入了YouTube視頻），因此用戶必須在每次完成視頻時單擊下一個視頻的播放按鈕。任何幫助將不勝感激。

Answer 1

..從評論繼續：

這是正確的，你需要使用js。我會幫你啓動：你可以創建你的所有YouTube網址數組：

var youtube_urls = ['https://www.youtube.com/watch?v=vpoi_l4jkyU', 'https://www.youtube.com/watch?v=Lml2SkB68ag', 'https://www.youtube.com/watch?v=awMiY-Ve1As']; 

，然後使用你聽當視頻播放完畢的API，然後開始下一個：

檢測結束視頻：How to detect when a youtube video finishes playing?

OR

剛剛在YouTube上創建播放列表和嵌入的播放清單。它將循環播放所有視頻。

Answer 2

這應該讓你開始：

// change this list to whatever you want 
 
    var urls = ['http://upload.wikimedia.org/wikipedia/en/f/f9/Beatles_eleanor_rigby.ogg', 
 
       'http://upload.wikimedia.org/wikipedia/commons/5/5b/Ludwig_van_Beethoven_-_Symphonie_5_c-moll_-_1._Allegro_con_brio.ogg']; 
 
    var idx=0; 
 
    var aud= document.getElementById('aud'); 
 
    aud.src=urls[idx]; 
 
    aud.addEventListener('ended', next); // for automatically starting the next. 
 
    
 
    function play(){ 
 
     aud.play(); 
 
    } 
 
    
 
    function pause(){ 
 
     aud.pause(); 
 
    } 
 
    
 
    function next(){ 
 
     idx++; 
 
     if(idx === urls.length) idx=0; 
 
     aud.src = urls[idx]; 
 
     aud.play(); 
 
    }

  <audio id = 'aud'></audio> 
 
    <button onclick="play();">play</button> 
 
    <button onclick="pause();">pause</button> 
 
    <button onclick="next();">next</button>