<div id="ytplayer"></div>

​

<script>

var player

​

function playRadio(slug) {

    var endpoint = `https://api.radio4000.com/backup?slug=${slug}`

​

    fetch(endpoint)

        .then(res => res.json())

        .then(backup => {

            var playlist = backup.tracks.map(t => t.ytid)   

      player.loadPlaylist({playlist})

        })

}

​

// The API will call this function when the video player is ready.  

function onPlayerReady(event) { 

    playRadio('200ok')

}   

​

// This code loads the IFrame Player API code asynchronously.   

var tag = document.createElement('script')

tag.src = 'https://www.youtube.com/iframe_api'

var firstScriptTag = document.getElementsByTagName('script')[0];

firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);

​

window.onYouTubeIframeAPIReady = function () {  

    player = new YT.Player('ytplayer', {    

        height: '390',  

        width: '640',   

        events: {   

            'onReady': onPlayerReady    

        }   

    })

}

</script>