在用户控制的基本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>