使用用户控制在基本 HTML 播放器中播放 Youtube 视频答案

【问题标题】：Play Youtube video in Basic HTML player with user control使用用户控制在基本 HTML 播放器中播放 Youtube 视频
【发布时间】：2015-05-03 19:46:28
【问题描述】：

我有一堆我想玩的 youtube 网址。我想只播放基本 HTML 播放器中的音频内容，并使用播放、暂停、下一个等用户控件。我无法添加用户控制功能（也无法在 HTML 播放器中播放视频，我正在嵌入 youtube 视频），因此用户必须在每次视频完成时单击下一个视频的播放按钮。任何帮助将不胜感激。

【问题讨论】：

你读过 youtube api 的指南吗？ developers.google.com/youtube
我确实通过了它，但我没有找到一种方法来循环我拥有的网址。我可能使用过 JS，但我不确定。

标签： javascript video youtube

【解决方案1】：

这应该让你开始：

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

【讨论】：

【解决方案2】：

..从 cmets 继续：

没错，你需要使用 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?

或

只需在 youtube 上创建一个播放列表并嵌入播放列表。它会循环播放所有视频。

【讨论】：