html,
      body {
        
        height: 100%;
        width: 100%;
        background-color: #000;
        overflow: hidden;
        margin: 0;
        padding: 0;
      }  
     video {object-fit: fills}
     ##player:before, .plyr__video-wrapper:before {
    content: 'نص داخل المشغل';
    width: 100%;
    float: left;
    position: absolute;
    bottom: 44px;
    color: #8c8c8c;
    text-align: center;
    left: 0;
    z-index: 1;
}
.plyr__video-wrapper::before {

position: absolute;

bottom: -30px;

left: 35px;

z-index: 10;

content: '';

height: 100px;

width: 100px;

background: url('صورة داخل المشغل') no-repeat;

background-size: 100px auto, auto;

}
{ background-color: #6F2F9F !important; } .plyr--full-ui input[type=range] { color: #6F2F9F !important; } .syptitle { background-color: #6F2F9F !important; } .cbtn { background-color: #6F2F9F !important; } .plyr--video .plyr__control.plyr__tab-focus, .plyr--video .plyr__control:hover, .plyr--video .plyr__control[aria-expanded=true] { background: #6F2F9F !important; } button.plyr__control.plyr__control--overlaid { background: #6F2F9F !important; }