JSFiddle - React, Tailwind, and code Playground

by anurag

HTML

<script src="http://ajax.googleapis.com/ajax/libs/swfobject/2.2/swfobject.js"></script>
<script src="http://github.com/AnuragMishra/YoutubePlayer/raw/master/YoutubePlayer.js"></script>
<div id="video"></div>

JavaScript

var trailers = [
    'hbLgszfXTAY',
    'KR_9A-cUEJc',
    'JerVrbLldXw',
    'D6WOoUG1eNo'
];

var player = null;

function playNextTrailer() {
    if (trailers.length == 0) {
        return;
    }

    if (player == null) {
        player = new YoutubePlayer('video', trailers.shift());
    }

    player.on('ended', function() {
        document.getElementById('video').loadVideoById(trailers.shift());
    });
    
    player.on('cued', function() {
        document.getElementById('video').playVideo();
    });
}

playNextTrailer();