* { margin: 0; padding: 0; } body { height: 100dvh; background-color: #000; color: #fff; overflow: hidden; } .error-msg { display: flex; justify-content: center; align-items: center; height: 100dvh; color: red; } .jw-skip { zoom: 1.5; border: 1px solid var(--base-color) !important; } .jw-skip .jw-text, .jw-skip .jw-icon { color: var(--base-color) !important; } .jw-cue { background-color: var(--base-color) !important; } .btn-out-ads { position: absolute; bottom: 9em; right: 1em; padding: 0.5em; font-weight: bold; border: 1px solid var(--base-color) !important; } /*.jw-rightclick { display: none !important; }*/ /* .jw-reset.jw-rightclick-item.jw-featured { display: none !important; } */ /* show mini timeslide *//* .jw-flag-small-player:not(.jw-flag-audio-player):not(.jw-flag-ads) .jw-controlbar .jw-button-container>.jw-icon-seek { display: none; } .jw-flag-user-inactive.jw-state-buffering:not(.jw-flag-media-audio):not(.jw-flag-audio-player):not(.jw-flag-ads-vpaid-controls):not(.jw-flag-casting) .jw-controlbar, .jw-flag-user-inactive.jw-state-playing:not(.jw-flag-media-audio):not(.jw-flag-audio-player):not(.jw-flag-ads-vpaid-controls):not(.jw-flag-casting) .jw-controlbar { visibility: unset !important; opacity: 1 !important } .jw-flag-user-inactive.jw-state-buffering:not(.jw-flag-media-audio):not(.jw-flag-audio-player):not(.jw-flag-ads-vpaid-controls):not(.jw-flag-casting) .jw-controlbar .jw-slider-time, .jw-flag-user-inactive.jw-state-playing:not(.jw-flag-media-audio):not(.jw-flag-audio-player):not(.jw-flag-ads-vpaid-controls):not(.jw-flag-casting) .jw-controlbar .jw-slider-time { padding: 0; height: 0 } .jw-flag-user-inactive.jw-state-buffering:not(.jw-flag-media-audio):not(.jw-flag-audio-player):not(.jw-flag-ads-vpaid-controls):not(.jw-flag-casting) .jw-controlbar .jw-button-container, .jw-flag-user-inactive.jw-state-playing:not(.jw-flag-media-audio):not(.jw-flag-audio-player):not(.jw-flag-ads-vpaid-controls):not(.jw-flag-casting) .jw-controlbar .jw-button-container { display: none } .jw-slider-horizontal .jw-slider-container { height: 4px !important; }*/ /* show mini timeslide */ .jw-logo { max-height: 50px; } .jw-controlbar .jw-tooltip::after, .jw-settings-menu .jw-tooltip::after, .jw-time-tip::after { display: none !important } .jw-time-tip .jw-time-thumb { border: 1px solid #fff; background: #000 } .jw-time-tip .jw-text { background-color: #fff0 !important; /*color: #ccc !important*/ } .jw-tooltip-time { bottom: 0 !important } @keyframes spin { to { transform: rotate(1turn); } } #player { height: 100% !important; width: 100% !important; } .load_player { align-items: center; display: flex; justify-content: center; } .load_player { height: 100%; } .load_player svg { height: 88px; width: 88px; fill: #fff; animation: spin 2s linear infinite; } /**/ .jw-continue-play { width: 200px; height: 120px; } .jwplayer .jw-continue-play { bottom: 10px; position: absolute; left: 50%; background: rgba(38, 38, 38, .8); transform: translate(-50%, -50%); /*display: none;*/ color: #fff; pointer-events: all; -webkit-user-select: text; user-select: text; overflow: hidden; flex-direction: column; z-index: 1; }