.youtube-player {
        position: relative;
        overflow: hidden;
        background: #000;
        margin: 5px;
    }
    
    .youtube-player iframe {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 100;
        width: 100%;
        height: 100%;
        background: transparent;
    }
    
    .youtube-player img {
        position: absolute;
        top: 0;
        left: 0;
        display: block;
        margin: auto;
        max-width: 100%;
        width: 100%;
        border: none;
        height: auto;
        cursor: pointer;
        -webkit-transition: .4s all;
        -moz-transition: .4s all;
        transition: .4s all;
    }
    

    .youtube-player .play {
        left: 50%;
        top: 50%;
        position: absolute;
        font-family: 'FontAwesome';
        font-size: 48px;
        content: "\f16a";
        cursor: pointer;
    }

    .youtube-player .play:before {
        left: 50%;
        top: 50%;
        position: absolute;
        font-family: 'FontAwesome';
        font-size: 48px;
        content: "\f16a";
        cursor: pointer;
    }