YT test

by Brett

HTML

<div id="player"></div>

SCSS

body {
    min-height: 1300px;
    background: red;
}

JavaScript

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: '650',
        width: '365',
        videoId: 'UH0nTHb6OdY',
        events: {
            'onReady': onPlayerReady,
            'onStateChange': onPlayerStateChange,
            'onError': onPlayerError
        }
    });
}

function onPlayerReady(event) {
    event.target.mute();
    event.target.playVideo();
}

function onPlayerStateChange(event) {
    if (event.data == YT.PlayerState.ENDED) {
        event.target.seekTo(0);
        event.target.mute();
        event.target.playVideo();
    }
    elseif(event.data == YT.PlayerState.UNSTARTED) {
        event.target.destroy();
    }
}

function onPlayerError(event) {
    switch (event.data) {
        case 2:
            event.target.destroy();
            console.log(event.data);
            break;
    }
}