/* We rely on episode.css's .player-wrapper which has aspect-ratio 16/9 
   and #player which has position: absolute; width: 100%; height: 100%; */

video-player {
    display: contents; /* Video.js v10 best practice */
    /* Optional customizations for the default video.js skin */
    --vjs-color: #fff;
    --vjs-bg: rgba(0,0,0,0.7);
    --vjs-primary: #0073aa; /* A nice blue to match your server buttons */
}

video-skin {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    position: absolute;
    top: 0;
    left: 0;
}

video-skin video,
video-skin hls-video {
    width: 100% !important;
    height: 100% !important;
    display: block;
    object-fit: contain;
}