.plyr{width:100%;height:100%;position:absolute;top:0;right:0;left:0}
              .plyr:before, .plyr__video-wrapper:before {
    content: '';
    width: 100%;
    float: left;
    font-size: 15px;
    font-weight: bold;
    position: absolute;
    bottom: 30px;
    color: #eee;
    text-align: center;
    left: 0;
    z-index: 1;
    
}
.plyr__video-wrapper::before {

position: absolute;

bottom: -35px;

left: 25px;

z-index: 10;

content: '';

height: 100px;

width: 100px;

background: url('https://i.ibb.co/4fHCftz/matchatco.png') no-repeat;

background-size: 100% auto, auto;

}
.plyr--video .plyr__control.plyr__tab-focus, .plyr--video .plyr__control:hover, .plyr--video .plyr__control[aria-expanded=true] {background: #008280 !important;}

.plyr__control.plyr__tab-focus {box-shadow: 0 0 0 5px #ff00008f !important;}

.plyr__control--overlaid {background: #3f414e !important;}

.plyr__menu__container .plyr__control[role=menuitemradio].plyr__tab-focus::before, .plyr__menu__container .plyr__control[role=menuitemradio]:hover::before {background: rgba(255, 255, 255, 0.22) !important;}

.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]::before {background: #008280 !important;}

.plyr__control--overlaid {border-radius: 50px !important;padding: 20px 20px !important;background: #008280 !important;}

.plyr--video .plyr__controls {padding: 9px !important;}

.plyr--video.plyr--hide-controls .plyr__controls {opacity: 1 !important;}

.plyr__video-wrapper {

    height: 100%;

}

.plyr video {

    width: 100% !important;

    height: 100% !important;

}

.plyr--video {

    position: fixed !important;

    width: 100% !important;

    height: 100% !important;

    top: 0;

}

.plyr--loading:after {
    content: '';
    color: #fff;
    text-align: center;
   /* display: inline-block;
    text-decoration: none;
        z-index: 5555; */
    position: absolute;
    cursor: pointer;
    bottom: 300px;
    font-weight: 600;
        color: #fff6;
    display: flex;
    justify-content: center;
    align-items: center;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyB3aWR0aD0nNzhweCcgaGVpZ2h0PSc3OHB4JyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDAgMTAwIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWlkWU1pZCIgY2xhc3M9InVpbC1yaW5nLWFsdCI+CiAgICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwIiBoZWlnaHQ9IjEwMCIgZmlsbD0ibm9uZSIgY2xhc3M9ImJrIj48L3JlY3Q+CiAgICA8Y2lyY2xlIGN4PSI1MCIgY3k9IjUwIiByPSI0MCIgc3Ryb2tlPSJyZ2JhKDAsMCwwLDApIiBmaWxsPSJub25lIiBzdHJva2Utd2lkdGg9IjEwIiBzdHJva2UtbGluZWNhcD0icm91bmQiPjwvY2lyY2xlPgogICAgPGNpcmNsZSBjeD0iNTAiIGN5PSI1MCIgcj0iNDAiIHN0cm9rZT0iI2ZmZmZmZiIgZmlsbD0ibm9uZSIgc3Ryb2tlLXdpZHRoPSI2IiBzdHJva2UtbGluZWNhcD0icm91bmQiPgogICAgICAgIDxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9InN0cm9rZS1kYXNob2Zmc2V0IiBkdXI9IjJzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIgZnJvbT0iMCIgdG89IjUwMiI+PC9hbmltYXRlPgogICAgICAgIDxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9InN0cm9rZS1kYXNoYXJyYXkiIGR1cj0iMnMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiB2YWx1ZXM9IjE1MC42IDEwMC40OzEgMjUwOzE1MC42IDEwMC40Ij48L2FuaW1hdGU+CiAgICA8L2NpcmNsZT4KPC9zdmc+) no-repeat center;
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
}

.plyr--full-ui input[type=range] {-webkit-appearance: none;color: #008280 !important;}
#player,video,html,body,.plyr { width: 100%; height: 100%; object-fit: fill;}@media (min-width: 320px) and (max-width: 480px){#player,video,html,body,.plyr { object-fit: contain;}}
.plyr--video .plyr__controls {background: linear-gradient(to right, #333 0%, #008280 51%, #333 100%) !important;border-radius: 10px;}
.plyr--video .plyr__controls {padding: 6px !important;}