/**
 * @Author: Joachim M. Giæver
 * URL: https://git.giaever.org/Magy/alt-youtube-player
 */

/* 
   Adapt to your needs,
   but it shouldn't be necessary to add much of css
   as the js-script will handle sizing.
*/
* {padding: 0;margin: 0;} /* Not necessary when using frameworks */

.player {
    position: relative;
    z-index: 2;
    width: 70vw;
    margin: 0 auto;
}

/*
   Note that the > restricts the img to be on the root level of .player
*/
.player > img.thumb {
    position: absolute;
    z-index: 1;
    width: 100%;
}

.player > iframe {
    position: absolute;
    z-index: -1;
    width: 100%;
    height: 100%;
}
.player.play {
    cursor: pointer;
}
.player.stop {
    cursor: not-allowed;
}
.player.loading {
    cursor: wait;
}