Question

我有一堆我想玩的youtube网址。我想只播放基本HTML播放器中的音频内容，其中包含Play，pause，next等用户控件。我无法添加用户控制功能（无法在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

这应该让你开始：

＆＃13;

// 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();
    }

＆＃13;

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

＆＃13;

使用用户控件在基本HTML播放器中播放Youtube视频

2 个答案: