bnjmnmyers
10/29/2018 - 3:19 PM

Setup YouTube iframe

Sets up a youtube iframe using the YouTube iframe API.

must be present in the body of the page.

var tag = document.createElement('script');

tag.src = "https://www.youtube.com/iframe_api";

var firstScriptTag = document.getElementsByTagName('script')[0];
firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);

var player;
function onYouTubeIframeAPIReady() {
    player = new YT.Player('player', {
        height: '480',
        width: '853',
        videoId: 'PBAsUUYrFUY',
        events: {
            'onStateChange': onPlayerStateChange
        }
    });
}

function onPlayerStateChange(event) {
    if (event.data === 0) {
        player.seekTo(0, false);
        player.stopVideo();
    }
}