使用用户控制在Basic HTML播放器中播放Youtube视频

Play Youtube video in Basic HTML player with user control

本文关键字：播放器 播放 Youtube 视频 HTML Basic 用户 控制      更新时间：2023-09-26

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

。。从评论继续：

没错，你需要使用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，然后启动下一个：

检测结束视频：如何检测youtube视频何时结束播放？

或

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

这应该会让你开始：

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

相关文章：