From d5c9836bccc1d3765fb8b3be69ccb5d7dede6975 Mon Sep 17 00:00:00 2001 From: Rafael Miranda Date: Wed, 2 Dec 2020 21:31:00 -0500 Subject: [PATCH] fix(ads): Removed CSS style to show non-linear ads --- dist/openplayer.css | 1 - dist/openplayer.min.css | 2 +- src/css/player.css | 1 - 3 files changed, 1 insertion(+), 3 deletions(-) diff --git a/dist/openplayer.css b/dist/openplayer.css index 79ea2646..f173938d 100644 --- a/dist/openplayer.css +++ b/dist/openplayer.css @@ -788,7 +788,6 @@ video:-webkit-media-text-track-display { position: absolute; top: 0; width: 100%; - z-index: -1; } .op-ads--active { overflow: hidden; diff --git a/dist/openplayer.min.css b/dist/openplayer.min.css index a9701adb..8d276ea7 100644 --- a/dist/openplayer.min.css +++ b/dist/openplayer.min.css @@ -1 +1 @@ -.op-player{background:#000;font-family:sans-serif;line-height:1.15;min-height:30px;position:relative;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%}.op-player__video{overflow:hidden}.op-player,.op-player *,.op-player :after,.op-player :before{-webkit-box-sizing:border-box;box-sizing:border-box}.op-player__media{display:inline-block;height:auto;-o-object-fit:contain;object-fit:contain;position:relative;width:100%!important}.op-player [aria-hidden=true]{display:none}.op-player__audio{background:#000}.op-player .media-controls.mac.fullscreen>.controls-bar{display:none}.op-sr{height:1px;left:-10000px;overflow:hidden;position:absolute;top:auto;width:1px}.op-player__loader{-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite;border-radius:50%;border:5px solid #fff;border-top-color:red}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.op-controls{background:#000;background:rgba(0,0,0,.2);border-bottom-left-radius:inherit;border-bottom-right-radius:inherit;bottom:0;color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;font-size:.85em;padding:0 4px;pointer-events:all;position:absolute;-webkit-transition:bottom .3s ease;-o-transition:bottom .3s ease;transition:bottom .3s ease;width:100%;z-index:3}.op-controls--hidden .op-controls{bottom:-36px;pointer-events:none}.op-player__video .op-controls{margin-top:5px;padding-top:11px}.op-controls *{-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0;pointer-events:all}.op-controls button,.op-player__play,.op-settings__back{-webkit-appearance:button;-moz-appearance:button;appearance:button;background:transparent;border:none;cursor:pointer;font-family:inherit;font-size:100%;line-height:1.15;margin:0;overflow:visible;position:relative;text-transform:none}.op-controls button{padding:2px 4px 3px;z-index:4}.op-controls button>span{color:#fff}.op-player__loader{height:60px;margin-left:-30px;margin-top:-30px;top:calc(50% - 20px);width:60px}.op-player__loader,.op-player__play{display:block;left:50%;position:absolute;z-index:2}.op-player__play{background:transparent;border:0;border-color:transparent transparent transparent #fff;border-style:solid;border-width:26px 0 26px 46px;cursor:pointer;height:52px;margin-left:-18px;margin-top:-23px;padding:0;top:calc(50% - 23px);-webkit-transition:all .1s ease;-o-transition:.1s all ease;transition:all .1s ease;width:0;will-change:border-width}.op-player__play>span{border:0;clip:rect(0,0,0,0);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.op-player__play--paused{border-style:double;border-width:0 0 0 46px}.op-player__play:hover{border-color:transparent transparent transparent red}.op-controls--hidden .op-player__loader,.op-controls--hidden .op-player__play{top:50%}.op-controls--hidden .op-player__play{margin-top:-26px}.op-controls button::-moz-focus-inner,.op-player__play::-moz-focus-inner,.op-settings__back{border-style:none;padding:0}.op-controls button:-moz-focusing,.op-player__play:-moz-focusing,.op-settings__back{outline:1px dotted ButtonText}.op-controls button:before{color:#fff;display:inline-block;height:15px;margin-left:.2em;margin-right:.2em;text-align:center;width:15px}.op-controls .op-control__right{margin-left:auto}.op-controls .op-control__right~.op-control__right{margin-left:0}.op-controls button:hover{opacity:.5}.op-controls .op-control--no-hover:hover{opacity:1}.op-controls button,.op-controls input[type=range]{-ms-touch-action:manipulation;touch-action:manipulation}.op-controls .op-controls-time{margin:4px 3px 0}.op-controls__playpause:before{content:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzNSAzNSI+PHBhdGggZD0iTTMxLjEgMTYuMmMuNy4zIDEgMSAuNyAxLjctLjEuMy0uNC42LS43LjdMNSAzNC43Yy0xLjEuNy0yIC4yLTItMS4xVjEuNEMzIC4xIDQtLjQgNSAuM2wyNi4xIDE1Ljl6IiBmaWxsPSIjZmZmIi8+PC9zdmc+)}.op-controls__playpause--pause:before{content:url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjAiIHk9IjAiIHZpZXdCb3g9IjAgMCAzNSAzNSIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHN0eWxlPi5zdDB7ZmlsbDojZmZmfTwvc3R5bGU+PHBhdGggY2xhc3M9InN0MCIgZD0iTTQuNyAwaDQuOGMxLjIgMCAyLjIgMSAyLjIgMi4ydjMwLjZjMCAxLjItMSAyLjItMi4yIDIuMkg0LjdjLTEuMiAwLTIuMi0xLTIuMi0yLjJWMi4yQzIuNSAxIDMuNSAwIDQuNyAwek0yNi4yIDBIMzFjMS4yIDAgMi4yIDEgMi4yIDIuMnYzMC42YzAgMS4yLTEgMi4yLTIuMiAyLjJoLTQuOEMyNSAzNSAyNCAzNCAyNCAzMi44VjIuMkMyNCAxIDI1IDAgMjYuMiAweiIvPjwvc3ZnPg==)}.op-controls__playpause--replay:before{content:url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjAiIHk9IjAiIHZpZXdCb3g9IjAgMCAzNSAzNSIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHN0eWxlPi5zdDB7ZmlsbDojZmZmfTwvc3R5bGU+PHBhdGggY2xhc3M9InN0MCIgZD0iTTI2LjYgOS40YzQuMiA1LjMgMy4zIDEyLjktMiAxNy4xcy0xMi45IDMuMy0xNy4xLTJDMy44IDE5LjkgNCAxMy4zIDggOC45TDQuNiA1LjRjLTYuNCA2LjktNiAxNy42LjkgMjRzMTcuNiA2IDI0LS45YzUuOS02LjMgNi4xLTE2IC41LTIyLjZsLTMuNCAzLjV6Ii8+PHBhdGggY2xhc3M9InN0MCIgZD0iTTIwLjQgMi44Yy0uMi0uOC4zLTEuNiAxLjEtMS44LjItLjEuNS0uMS43IDBMMzQgMi42YzEuMi4yIDEuNCAxIC42IDEuOEwyMy45IDE1LjFjLS44LjgtMS42LjYtMS44LS42TDIwLjQgMi44eiIvPjwvc3ZnPg==)}.op-controls__fullscreen:before{content:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzNSAzNSI+PHBhdGggZmlsbD0ibm9uZSIgZD0iTTAgMGgzNXYzNUgweiIvPjxwYXRoIGQ9Ik0xMC4yIDIwLjRINy4zdjcuM2g3LjN2LTIuOWgtNC40di00LjR6bS0yLjktNS44aDIuOXYtNC40aDQuNFY3LjNINy4zdjcuM3ptMTcuNSAxMC4yaC00LjR2Mi45aDcuM3YtNy4zaC0yLjl2NC40ek0yMC40IDcuM3YyLjloNC40djQuNGgyLjlWNy4zaC03LjN6IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZmlsbD0iI2ZmZiIvPjwvc3ZnPg==);width:20px!important}.op-controls__fullscreen--out:before{content:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzNSAzNSI+PHBhdGggZmlsbD0ibm9uZSIgZD0iTTAgMGgzNXYzNUgweiIvPjxwYXRoIGQ9Ik03LjMgMjMuM2g0LjR2NC40aDIuOXYtNy4zSDcuM3YyLjl6bTQuNC0xMS42SDcuM3YyLjloNy4zVjcuM2gtMi45djQuNHptOC43IDE2aDIuOXYtNC4zaDQuNHYtMi45aC03LjN2Ny4yem0yLjktMTZWNy4zaC0yLjl2Ny4zaDcuM3YtMi45aC00LjR6IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZmlsbD0iI2ZmZiIvPjwvc3ZnPg==);width:20px!important}.op-controls__mute:before{content:url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjAiIHk9IjAiIHZpZXdCb3g9IjAgMCAzNSAzNSIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHN0eWxlPi5zdDB7ZmlsbDojZmZmfTwvc3R5bGU+PHBhdGggY2xhc3M9InN0MCIgZD0iTTI3LjggMjguN2MtLjYgMC0xLjItLjMtMS41LS45LS41LS44LS4yLTEuOS42LTIuNCA0LjQtMi42IDUuOS04LjIgMy40LTEyLjYtLjgtMS40LTItMi42LTMuNC0zLjQtLjktLjMtMS4zLTEuNC0uOS0yLjNzMS40LTEuMyAyLjMtLjhjLjEgMCAuMi4xLjMuMiA2LjEgMy42IDguMSAxMS40IDQuNSAxNy41LTEuMSAxLjktMi43IDMuNC00LjUgNC41LS4yLjItLjUuMi0uOC4yeiIvPjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0yNC41IDIzLjFjLS42IDAtMS4yLS4zLTEuNS0uOS0uNS0uOC0uMi0xLjkuNi0yLjQgMS4zLS43IDEuNy0yLjMgMS0zLjYtLjItLjQtLjYtLjgtMS0xLS44LS42LTEtMS43LS40LTIuNC41LS43IDEuNC0uOSAyLjItLjYgMi45IDEuNyAzLjkgNS40IDIuMyA4LjMtLjUuOS0xLjMgMS43LTIuMyAyLjMtLjMuMi0uNi4zLS45LjN6TTE3LjggNC4xbC04LjEgNi40LS4yLjJIMWMtLjYgMC0xIC40LTEgMXYxMS42YzAgLjYuNCAxIDEgMWg4LjVsLjEuMiA4LjEgNi41Yy40LjMgMS4xLjMgMS40LS4yLjEtLjIuMi0uNC4yLS42VjQuOWMwLS42LS41LTEtMS0xLS4yLjEtLjQuMS0uNS4yeiIvPjwvc3ZnPg==);width:20px!important}.op-controls__mute--half:before{content:url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjAiIHk9IjAiIHZpZXdCb3g9IjAgMCAzNSAzNSIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHN0eWxlPi5zdDB7ZmlsbDojZmZmfTwvc3R5bGU+PHBhdGggY2xhc3M9InN0MCIgZD0iTTMwLjEgMjQuM2MtLjggMC0xLjUtLjQtMS45LTEuMS0uNi0xLS4yLTIuMy44LTMgMS42LS45IDIuMS0yLjggMS4zLTQuNC0uMy0uNS0uNy0xLTEuMy0xLjMtMS0uNi0xLjMtMi0uNy0zIC42LTEgMS45LTEuMyAyLjktLjcgMy42IDIuMSA0LjkgNi43IDIuOCAxMC4zLS43IDEuMi0xLjYgMi4xLTIuOCAyLjgtLjMuMy0uNy40LTEuMS40ek0yMS45IDFMMTIgOC45bC0uMi4xSDEuMkMuNSA5IDAgOS42IDAgMTAuM3YxNC4zYzAgLjcuNSAxLjIgMS4yIDEuMmgxMC41bC4yLjIgOS45IDcuOWMuNS40IDEuMy40IDEuNy0uMi4yLS4yLjMtLjUuMy0uOFYyYy4xLS42LS40LTEuMi0xLTEuMy0uMyAwLS43LjEtLjkuM3oiLz48L3N2Zz4=);width:18px!important}.op-controls__mute--muted:before{content:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzNSAzNSI+PHBhdGggZD0iTTI4IC4yTDE3LjYgOC41bC0uMi4yaC0xMWMtLjctLjEtMS4zLjQtMS40IDEuMXYxNWMwIC43LjYgMS4zIDEuMyAxLjNoMTFsLjIuMiAxMC40IDguM2MuNi40IDEuNC40IDEuOC0uMi4yLS4yLjMtLjUuMy0uOFYxLjJjMC0uNy0uNS0xLjItMS4yLTEuMi0uMyAwLS42LjEtLjguMnoiIGZpbGw9IiNmZmYiLz48L3N2Zz4=);width:18px!important}.op-controls__captions:before{content:url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjAiIHk9IjAiIHZpZXdCb3g9IjAgMCAzNSAzNSIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHN0eWxlPi5zdDB7ZmlsbC1ydWxlOmV2ZW5vZGQ7Y2xpcC1ydWxlOmV2ZW5vZGQ7ZmlsbDojZmZmfTwvc3R5bGU+PHBhdGggY2xhc3M9InN0MCIgZD0iTTAgNC40djI2LjJoMzVWNC40SDB6bTMwLjQgMjFjLS4yLjMtLjYuNS0uOS43LTEuMS44LTYuMSAxLjEtMTEuOSAxLjFzLTExLS4zLTEyLjEtMS4xYy0uMy0uMi0uNy0uNC0uOS0uNy0xLjEtMS40LTEuMi0zLjQtMS4zLThzLjItNi42IDEuMy04Yy4zLS4zLjYtLjUuOS0uNyAxLS44IDYuMy0xLjEgMTIuMS0xLjFzMTAuOC4zIDExLjkgMS4xYy4zLjIuNi40LjkuNyAxLjEgMS40IDEuMyAzLjQgMS4zIDhzLS4yIDYuNi0xLjMgOHoiLz48cGF0aCBjbGFzcz0ic3QwIiBkPSJNMTYuOSAxNi4yYy0uMy0zLjYtMi4yLTUuNy01LjYtNS43LTMuMSAwLTUuNiAyLjgtNS42IDcuM3MyLjIgNy40IDUuOSA3LjRjMyAwIDUtMi4yIDUuMy01LjhoLTMuNWMtLjEgMS4zLS43IDIuNC0xLjkgMi40LTEuOSAwLTIuMi0xLjgtMi4yLTMuOCAwLTIuNy44LTQuMSAyLjEtNC4xIDEuMSAwIDEuOS44IDIgMi4zaDMuNXpNMjkgMTYuMmMtLjMtMy42LTIuMi01LjctNS42LTUuNy0zLjEgMC01LjYgMi44LTUuNiA3LjNzMi4yIDcuNCA1LjkgNy40YzMgMCA1LTIuMiA1LjMtNS44aC0zLjVjLS4xIDEuMy0uNyAyLjQtMS45IDIuNC0xLjkgMC0yLjItMS44LTIuMi0zLjggMC0yLjcuOC00LjEgMi4xLTQuMXMxLjkuOCAyIDIuM0gyOXoiLz48L3N2Zz4=);width:20px!important}.op-controls__settings:before{content:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzNSAzNSI+PHBhdGggZD0iTTMwLjUgMTkuMmMuMS0uNi4xLTEuMi4xLTEuNyAwLS42LS4xLTEuMi0uMS0xLjdsMy43LTIuOWMuMy0uMy40LS44LjItMS4xbC0zLjUtNi4xYy0uMi0uNC0uNy0uNS0xLjEtLjRMMjUuNCA3Yy0uOS0uNy0xLjktMS4zLTIuOS0xLjdMMjEuOC43YzAtLjQtLjMtLjctLjgtLjdoLTdjLS40IDAtLjguMy0uOC43bC0uNyA0LjZjLTEuMS40LTIuMSAxLTMgMS43TDUuMiA1LjNjLS40LS4yLS45IDAtMS4xLjRMLjYgMTEuOGMtLjIuNC0uMS45LjIgMS4xbDMuNyAyLjljLS4xLjYtLjEgMS4yLS4xIDEuNyAwIC42LjEgMS4yLjEgMS43TC44IDIyLjFjLS4zLjMtLjQuOC0uMiAxLjFsMy41IDYuMWMuMi40LjcuNSAxLjEuNEw5LjYgMjhjLjkuNyAxLjkgMS4zIDIuOSAxLjdsLjcgNC42Yy4xLjQuNC43LjkuN2g3Yy40IDAgLjgtLjMuOC0uN2wuNy00LjZjMS4xLS40IDItMSAyLjktMS43bDQuNCAxLjdjLjQuMi45IDAgMS4xLS40bDMuNS02LjFjLjItLjQuMS0uOS0uMi0xLjFsLTMuOC0yLjl6bS0xMyA0LjRjLTMuNCAwLTYuMS0yLjctNi4xLTYuMSAwLTMuNCAyLjctNi4xIDYuMS02LjEgMy40IDAgNi4xIDIuNyA2LjEgNi4xIDAgMy40LTIuOCA2LjEtNi4xIDYuMXoiIGZpbGw9IiNmZmYiLz48L3N2Zz4=)}.op-settings{background:#1c1c1c;background:rgba(28,28,28,.9);bottom:48px;color:#fff;font-size:.85em;overflow:hidden;position:absolute;right:5px;text-shadow:0 0 2px rgba(0,0,0,.5);-webkit-transition:right .2s ease;-o-transition:right .2s ease;transition:right .2s ease;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;will-change:width,height;z-index:4}.op-player__audio .op-settings{bottom:32px;right:0}.op-settings--sliding{right:-999px}.op-settings__menu{margin:0;overflow-x:hidden;overflow-y:auto;padding:0}.op-settings__menu-item,.op-settings__submenu-item{display:table-row;outline:none;padding:0}.op-settings__menu-label,.op-settings__submenu-label{display:table-cell;padding:5px 15px;vertical-align:middle}.op-settings__submenu-item,.op-settings__submenu-label{display:block}.op-settings__submenu-item{cursor:pointer}.op-settings__submenu-item[aria-checked=true] .op-settings__submenu-label{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZD0iTTkgMTYuMkw0LjggMTJsLTEuNCAxLjRMOSAxOSAyMSA3bC0xLjQtMS40TDkgMTYuMnoiIGZpbGw9IiNmZmYiLz48L3N2Zz4=");background-position:left 4px center;background-repeat:no-repeat;background-size:18px;padding:8px 15px 8px 25px}.op-settings__menu-content{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMiAzMiI+PHBhdGggZD0iTTEyLjU5IDIwLjM0bDQuNTgtNC41OS00LjU4LTQuNTlMMTQgOS43NWw2IDYtNiA2eiIgZmlsbD0iI2ZmZiIvPjwvc3ZnPg==");background-position:right 0 center;background-repeat:no-repeat;background-size:32px 32px;cursor:pointer;display:table-cell;padding:0 38px 0 15px;vertical-align:middle}.op-settings__header{padding:5px}.op-settings__back{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMiAzMiI+PHBhdGggZD0iTTE5LjQxIDIwLjA5bC00LjU4LTQuNTkgNC41OC00LjU5TDE4IDkuNWwtNiA2IDYgNnoiIGZpbGw9IiNmZmYiLz48L3N2Zz4=");background-position:left 0 center;background-repeat:no-repeat;background-size:20px 32px;color:inherit;height:100%;padding:0 10px 0 20px}.op-controls input[type=range],.op-controls progress{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;height:5px;left:0;margin:0;position:absolute;top:0;-webkit-transition:none;-o-transition:none;transition:none;width:100%}.op-controls input[type=range]{background:transparent;height:0;padding:2.5px 0;-webkit-tap-highlight-color:transparent;z-index:3}.op-controls input[type=range]:focus,.op-controls progress{outline:none}.op-controls input[type=range]::-moz-focus-outer{border:0}.op-controls input[type=range]::-webkit-slider-runnable-track{background:0 0;border:0;cursor:pointer;height:8px;-webkit-user-select:none;user-select:none}.op-controls input[type=range]::-moz-range-track{background:0 0;border:0;cursor:pointer;height:8px;-moz-user-select:none;user-select:none}.op-controls input[type=range]::-ms-track{background:0 0;border:0;cursor:pointer;height:8px;-ms-user-select:none;user-select:none}.op-controls input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#fff;border:2px solid transparent;border-radius:100%;-webkit-box-sizing:border-box;box-sizing:border-box;height:12px;margin-top:-2px;position:relative;width:12px}.op-controls input[type=range]::-moz-range-thumb{-moz-appearance:none;appearance:none;background:#fff;border:2px solid transparent;border-radius:100%;box-sizing:border-box;height:12px;margin-top:-2px;position:relative;width:12px}.op-controls input[type=range]::-ms-thumb{appearance:none;background:#fff;border:2px solid transparent;border-radius:100%;box-sizing:border-box;height:12px;margin-top:-2px;position:relative;width:12px}.op-controls input[type=range]::-ms-tooltip{display:none}.op-controls input[type=range]::-ms-fill-lower,.op-controls input[type=range]::-ms-fill-upper{background:transparent}.op-controls input[type=range]::-ms-ticks-after,.op-controls input[type=range]::-ms-ticks-before{display:none!important}.op-controls--hidden .op-controls .op-controls__progress--seek::-webkit-slider-thumb{background:transparent}.op-controls--hidden .op-controls .op-controls__progress--seek::-moz-range-thumb{background:transparent}.op-controls--hidden .op-controls .op-controls__progress--seek::-ms-thumb{background:transparent}.op-controls progress{display:inline-block;vertical-align:baseline}.op-controls progress::-webkit-progress-bar{background:0 0}.op-controls progress::-moz-progress-bar{background:0 0}.op-controls .op-controls__progress{-webkit-box-flex:2;-ms-flex-positive:2;flex-grow:2}.op-controls .op-controls__progress,.op-controls .op-controls__progress:hover,.op-controls .op-controls__volume,.op-controls .op-controls__volume:hover{cursor:pointer}.op-controls__progress,.op-controls__volume{display:inline-block;height:5px;margin-left:10px;margin-top:9px;pointer-events:all;position:relative}.op-player__video .op-controls__progress{bottom:34px;left:8px;margin-left:-8px;position:absolute;width:100%}.op-controls progress::-webkit-progress-value{background:currentColor}.op-controls progress::-moz-progress-bar{background:currentColor}.op-controls__progress--buffer::-webkit-progress-value{-webkit-transition:width .2s ease;-o-transition:width .2s ease;transition:width .2s ease}.op-controls__progress--played::-webkit-progress-value,.op-controls__volume--display::-webkit-progress-value{max-width:99%;-webkit-transition:none;-o-transition:none;transition:none}.op-player__video .op-controls__progress--played::-webkit-progress-value{max-width:100%}.op-controls__progress--buffer::-moz-progress-bar{-webkit-transition:width .2s ease;-o-transition:width .2s ease;transition:width .2s ease}.op-controls__progress--played::-moz-progress-bar,.op-controls__volume--display::-moz-progress-bar{max-width:99%;-webkit-transition:none;-o-transition:none;transition:none}.op-controls .op-controls__progress--played,.op-controls .op-controls__volume--display{background:0 0;color:red;-webkit-transition:all .2s ease;-o-transition:all .2s ease;transition:all .2s ease;z-index:2}.op-controls .op-controls__volume--display{background:#fff;background:hsla(0,0%,100%,.35)}.op-controls .op-controls__progress--buffer{background:#fff;background:hsla(0,0%,100%,.3);color:#fff;color:hsla(0,0%,100%,.25)}.op-ads--active .op-controls .op-controls__progress--seek{pointer-events:none}.op-ads--active .op-controls .op-controls__progress--played{color:#fecb2f}.op-ads--active .op-controls .op-controls__progress--buffer{color:transparent}.op-ads--active .op-controls .op-controls__progress--seek::-webkit-slider-thumb{display:none}.op-ads--active .op-controls .op-controls__progress--seek::-moz-range-thumb{display:none}.op-ads--active .op-controls .op-controls__progress--seek::-ms-thumb{display:none}.op-ads--active .op-controls .op-controls__progress--seek::-webkit-slider-runnable-track{cursor:default}.op-ads--active .op-controls .op-controls__progress--seek::-moz-range-track{cursor:default}.op-ads--active .op-controls .op-controls__progress--seek::-ms-track{cursor:default}.op-ads--active .op-controls .op-control__hide-in-ad{cursor:default;display:none;pointer-events:none}.op-controls__tooltip{background:#eee;border:1px solid #000;bottom:100%;color:#000;display:none;left:0;margin-bottom:10px;padding:1px 4px;position:absolute;text-align:center;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}.op-player__video .op-controls__tooltip{margin-bottom:10px}.op-controls__tooltip:after,.op-controls__tooltip:before{content:"";height:0;left:0;margin:0 auto;position:absolute;right:0;top:100%;width:0}.op-controls__tooltip:before{border-left:8px solid transparent;border-right:8px solid transparent;border-top:8px solid #000}.op-controls__tooltip:after{border-left:7px solid transparent;border-right:7px solid transparent;border-top:7px solid #eee}.op-controls__tooltip--visible{display:block}.op-controls__volume{margin-left:0;width:70px}.op-controls .op-controls__mute:before{text-align:left}.op-player__video .op-controls__volume{margin-top:10px}.op-player__unmute{background:#000;background:rgba(0,0,0,.7);color:#fff;cursor:pointer;left:0;padding:5px;position:absolute;top:0;z-index:3}.op-player[data-fullscreen=true] .op-controls{z-index:2147483648}.op-player[data-fullscreen=true].op-controls--hidden{cursor:none}.op-player[data-fullscreen=true].op-controls--hidden .op-controls{bottom:-40px}.op-player video::-webkit-media-controls,.op-player video::-webkit-media-text-track-container{display:none!important}.op-captions{bottom:0;color:#fff;display:none;font-weight:400;left:0;padding:20px 0;position:absolute;text-align:center;-webkit-transform:translateY(-40px);-ms-transform:translateY(-40px);transform:translateY(-40px);-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;-o-transition:transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease;width:100%;z-index:1}.op-controls--hidden .op-captions{bottom:-32px}.op-captions--on{display:block}.op-captions>span{background:#000;background:rgba(0,0,0,.7);-webkit-box-decoration-break:clone;box-decoration-break:clone;line-height:150%;padding:3px 10px}.op-player__audio.op-captions--detected{background:transparent;min-height:95px}.op-player__audio.op-captions--detected .op-captions{bottom:-10px;padding:0}.op-player__audio.op-captions--detected .op-captions>span{background:transparent;color:#000}.op-player__audio.op-captions--detected .op-controls{background:#000;bottom:auto}.op-player__audio.op-captions--detected .op-settings{bottom:auto;top:35px}.op-controls .op-controls__captions--on:before{color:red}.op-captions__menu{bottom:36px;overflow:visible;right:59px;z-index:10}.op-captions__menu:after{border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px solid rgba(28,28,28,.9);content:"";height:0;left:0;margin:0 auto;position:absolute;right:0;top:100%;width:0}::cue{color:#ccc}video:-webkit-media-text-track-display{top:-15%}.op-levels__menu{bottom:36px;min-width:73px;overflow:visible;right:30px;z-index:10}.op-levels__menu:after{border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px solid rgba(28,28,28,.9);content:"";height:0;left:0;margin:0 auto;position:absolute;right:0;top:100%;width:0}.op-ads{height:100%;left:0;position:absolute;top:0;width:100%;z-index:-1}.op-ads--active{overflow:hidden}.op-ads--active .op-captions,.op-ads--active .op-controls__captions,.op-ads--active .op-controls__settings{display:none}.op-ads--active .op-controls__fullscreen{float:right}.op-ads--active .op-controls .op-control__right~.op-control__right{margin-left:auto}.op-ads--active .op-ads{z-index:1}.op-player[data-fullscreen=true].op-ads--active .op-ads{z-index:2147483645}.op-player:focus,.op-player>.op-controls :focus,.op-player__play:focus{outline:1px dotted #999}.op-player.op-player__keyboard--inactive .op-player__play:focus,.op-player.op-player__keyboard--inactive:focus,.op-player.op-player__keyboard--inactive>.op-controls :focus{outline:none}.op-player.op-player__full{bottom:0;left:0;overflow:hidden;position:fixed;right:0;top:0;z-index:-100}.op-player__full .op-ads,.op-player__full .op-player__media{height:auto;left:50%;min-height:100%;min-width:100%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:auto!important}.op-player__fit--wrapper{height:100%;position:relative;width:100%}.op-player.op-player__fit{background:#000;height:100%;left:0;overflow:hidden;position:absolute;top:0;width:100%}.op-player__fit .op-ads,.op-player__fit .op-player__media{border:0;display:block;height:100%;min-height:100%;width:100%}.op-player__ios--iphone .op-player__play{margin-top:-5px}.op-player.op-player__ios--iphone video::-webkit-media-controls,.op-player.op-player__ios--iphone video::-webkit-media-text-track-container{display:block!important}.op-player.op-player__ios--iphone video::cue{color:transparent;font-size:.001px}.op-player.op-player__ios--iphone video::-webkit-media-text-track-display-backdrop{background:transparent!important}.op-player[data-fullscreen=true].op-player__ios--iphone video::cue{color:#fff;font-size:medium}.op-player[data-fullscreen=true].op-player.op-player__ios--iphone video::-webkit-media-text-track-display-backdrop{background:#000!important;background:rgba(0,0,0,.498039)!important} \ No newline at end of file +.op-player{background:#000;font-family:sans-serif;line-height:1.15;min-height:30px;position:relative;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%}.op-player__video{overflow:hidden}.op-player,.op-player *,.op-player :after,.op-player :before{-webkit-box-sizing:border-box;box-sizing:border-box}.op-player__media{display:inline-block;height:auto;-o-object-fit:contain;object-fit:contain;position:relative;width:100%!important}.op-player [aria-hidden=true]{display:none}.op-player__audio{background:#000}.op-player .media-controls.mac.fullscreen>.controls-bar{display:none}.op-sr{height:1px;left:-10000px;overflow:hidden;position:absolute;top:auto;width:1px}.op-player__loader{-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite;border-radius:50%;border:5px solid #fff;border-top-color:red}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.op-controls{background:#000;background:rgba(0,0,0,.2);border-bottom-left-radius:inherit;border-bottom-right-radius:inherit;bottom:0;color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;font-size:.85em;padding:0 4px;pointer-events:all;position:absolute;-webkit-transition:bottom .3s ease;-o-transition:bottom .3s ease;transition:bottom .3s ease;width:100%;z-index:3}.op-controls--hidden .op-controls{bottom:-36px;pointer-events:none}.op-player__video .op-controls{margin-top:5px;padding-top:11px}.op-controls *{-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0;pointer-events:all}.op-controls button,.op-player__play,.op-settings__back{-webkit-appearance:button;-moz-appearance:button;appearance:button;background:transparent;border:none;cursor:pointer;font-family:inherit;font-size:100%;line-height:1.15;margin:0;overflow:visible;position:relative;text-transform:none}.op-controls button{padding:2px 4px 3px;z-index:4}.op-controls button>span{color:#fff}.op-player__loader{height:60px;margin-left:-30px;margin-top:-30px;top:calc(50% - 20px);width:60px}.op-player__loader,.op-player__play{display:block;left:50%;position:absolute;z-index:2}.op-player__play{background:transparent;border:0;border-color:transparent transparent transparent #fff;border-style:solid;border-width:26px 0 26px 46px;cursor:pointer;height:52px;margin-left:-18px;margin-top:-23px;padding:0;top:calc(50% - 23px);-webkit-transition:all .1s ease;-o-transition:.1s all ease;transition:all .1s ease;width:0;will-change:border-width}.op-player__play>span{border:0;clip:rect(0,0,0,0);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.op-player__play--paused{border-style:double;border-width:0 0 0 46px}.op-player__play:hover{border-color:transparent transparent transparent red}.op-controls--hidden .op-player__loader,.op-controls--hidden .op-player__play{top:50%}.op-controls--hidden .op-player__play{margin-top:-26px}.op-controls button::-moz-focus-inner,.op-player__play::-moz-focus-inner,.op-settings__back{border-style:none;padding:0}.op-controls button:-moz-focusing,.op-player__play:-moz-focusing,.op-settings__back{outline:1px dotted ButtonText}.op-controls button:before{color:#fff;display:inline-block;height:15px;margin-left:.2em;margin-right:.2em;text-align:center;width:15px}.op-controls .op-control__right{margin-left:auto}.op-controls .op-control__right~.op-control__right{margin-left:0}.op-controls button:hover{opacity:.5}.op-controls .op-control--no-hover:hover{opacity:1}.op-controls button,.op-controls input[type=range]{-ms-touch-action:manipulation;touch-action:manipulation}.op-controls .op-controls-time{margin:4px 3px 0}.op-controls__playpause:before{content:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzNSAzNSI+PHBhdGggZD0iTTMxLjEgMTYuMmMuNy4zIDEgMSAuNyAxLjctLjEuMy0uNC42LS43LjdMNSAzNC43Yy0xLjEuNy0yIC4yLTItMS4xVjEuNEMzIC4xIDQtLjQgNSAuM2wyNi4xIDE1Ljl6IiBmaWxsPSIjZmZmIi8+PC9zdmc+)}.op-controls__playpause--pause:before{content:url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjAiIHk9IjAiIHZpZXdCb3g9IjAgMCAzNSAzNSIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHN0eWxlPi5zdDB7ZmlsbDojZmZmfTwvc3R5bGU+PHBhdGggY2xhc3M9InN0MCIgZD0iTTQuNyAwaDQuOGMxLjIgMCAyLjIgMSAyLjIgMi4ydjMwLjZjMCAxLjItMSAyLjItMi4yIDIuMkg0LjdjLTEuMiAwLTIuMi0xLTIuMi0yLjJWMi4yQzIuNSAxIDMuNSAwIDQuNyAwek0yNi4yIDBIMzFjMS4yIDAgMi4yIDEgMi4yIDIuMnYzMC42YzAgMS4yLTEgMi4yLTIuMiAyLjJoLTQuOEMyNSAzNSAyNCAzNCAyNCAzMi44VjIuMkMyNCAxIDI1IDAgMjYuMiAweiIvPjwvc3ZnPg==)}.op-controls__playpause--replay:before{content:url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjAiIHk9IjAiIHZpZXdCb3g9IjAgMCAzNSAzNSIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHN0eWxlPi5zdDB7ZmlsbDojZmZmfTwvc3R5bGU+PHBhdGggY2xhc3M9InN0MCIgZD0iTTI2LjYgOS40YzQuMiA1LjMgMy4zIDEyLjktMiAxNy4xcy0xMi45IDMuMy0xNy4xLTJDMy44IDE5LjkgNCAxMy4zIDggOC45TDQuNiA1LjRjLTYuNCA2LjktNiAxNy42LjkgMjRzMTcuNiA2IDI0LS45YzUuOS02LjMgNi4xLTE2IC41LTIyLjZsLTMuNCAzLjV6Ii8+PHBhdGggY2xhc3M9InN0MCIgZD0iTTIwLjQgMi44Yy0uMi0uOC4zLTEuNiAxLjEtMS44LjItLjEuNS0uMS43IDBMMzQgMi42YzEuMi4yIDEuNCAxIC42IDEuOEwyMy45IDE1LjFjLS44LjgtMS42LjYtMS44LS42TDIwLjQgMi44eiIvPjwvc3ZnPg==)}.op-controls__fullscreen:before{content:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzNSAzNSI+PHBhdGggZmlsbD0ibm9uZSIgZD0iTTAgMGgzNXYzNUgweiIvPjxwYXRoIGQ9Ik0xMC4yIDIwLjRINy4zdjcuM2g3LjN2LTIuOWgtNC40di00LjR6bS0yLjktNS44aDIuOXYtNC40aDQuNFY3LjNINy4zdjcuM3ptMTcuNSAxMC4yaC00LjR2Mi45aDcuM3YtNy4zaC0yLjl2NC40ek0yMC40IDcuM3YyLjloNC40djQuNGgyLjlWNy4zaC03LjN6IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZmlsbD0iI2ZmZiIvPjwvc3ZnPg==);width:20px!important}.op-controls__fullscreen--out:before{content:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzNSAzNSI+PHBhdGggZmlsbD0ibm9uZSIgZD0iTTAgMGgzNXYzNUgweiIvPjxwYXRoIGQ9Ik03LjMgMjMuM2g0LjR2NC40aDIuOXYtNy4zSDcuM3YyLjl6bTQuNC0xMS42SDcuM3YyLjloNy4zVjcuM2gtMi45djQuNHptOC43IDE2aDIuOXYtNC4zaDQuNHYtMi45aC03LjN2Ny4yem0yLjktMTZWNy4zaC0yLjl2Ny4zaDcuM3YtMi45aC00LjR6IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZmlsbD0iI2ZmZiIvPjwvc3ZnPg==);width:20px!important}.op-controls__mute:before{content:url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjAiIHk9IjAiIHZpZXdCb3g9IjAgMCAzNSAzNSIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHN0eWxlPi5zdDB7ZmlsbDojZmZmfTwvc3R5bGU+PHBhdGggY2xhc3M9InN0MCIgZD0iTTI3LjggMjguN2MtLjYgMC0xLjItLjMtMS41LS45LS41LS44LS4yLTEuOS42LTIuNCA0LjQtMi42IDUuOS04LjIgMy40LTEyLjYtLjgtMS40LTItMi42LTMuNC0zLjQtLjktLjMtMS4zLTEuNC0uOS0yLjNzMS40LTEuMyAyLjMtLjhjLjEgMCAuMi4xLjMuMiA2LjEgMy42IDguMSAxMS40IDQuNSAxNy41LTEuMSAxLjktMi43IDMuNC00LjUgNC41LS4yLjItLjUuMi0uOC4yeiIvPjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0yNC41IDIzLjFjLS42IDAtMS4yLS4zLTEuNS0uOS0uNS0uOC0uMi0xLjkuNi0yLjQgMS4zLS43IDEuNy0yLjMgMS0zLjYtLjItLjQtLjYtLjgtMS0xLS44LS42LTEtMS43LS40LTIuNC41LS43IDEuNC0uOSAyLjItLjYgMi45IDEuNyAzLjkgNS40IDIuMyA4LjMtLjUuOS0xLjMgMS43LTIuMyAyLjMtLjMuMi0uNi4zLS45LjN6TTE3LjggNC4xbC04LjEgNi40LS4yLjJIMWMtLjYgMC0xIC40LTEgMXYxMS42YzAgLjYuNCAxIDEgMWg4LjVsLjEuMiA4LjEgNi41Yy40LjMgMS4xLjMgMS40LS4yLjEtLjIuMi0uNC4yLS42VjQuOWMwLS42LS41LTEtMS0xLS4yLjEtLjQuMS0uNS4yeiIvPjwvc3ZnPg==);width:20px!important}.op-controls__mute--half:before{content:url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjAiIHk9IjAiIHZpZXdCb3g9IjAgMCAzNSAzNSIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHN0eWxlPi5zdDB7ZmlsbDojZmZmfTwvc3R5bGU+PHBhdGggY2xhc3M9InN0MCIgZD0iTTMwLjEgMjQuM2MtLjggMC0xLjUtLjQtMS45LTEuMS0uNi0xLS4yLTIuMy44LTMgMS42LS45IDIuMS0yLjggMS4zLTQuNC0uMy0uNS0uNy0xLTEuMy0xLjMtMS0uNi0xLjMtMi0uNy0zIC42LTEgMS45LTEuMyAyLjktLjcgMy42IDIuMSA0LjkgNi43IDIuOCAxMC4zLS43IDEuMi0xLjYgMi4xLTIuOCAyLjgtLjMuMy0uNy40LTEuMS40ek0yMS45IDFMMTIgOC45bC0uMi4xSDEuMkMuNSA5IDAgOS42IDAgMTAuM3YxNC4zYzAgLjcuNSAxLjIgMS4yIDEuMmgxMC41bC4yLjIgOS45IDcuOWMuNS40IDEuMy40IDEuNy0uMi4yLS4yLjMtLjUuMy0uOFYyYy4xLS42LS40LTEuMi0xLTEuMy0uMyAwLS43LjEtLjkuM3oiLz48L3N2Zz4=);width:18px!important}.op-controls__mute--muted:before{content:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzNSAzNSI+PHBhdGggZD0iTTI4IC4yTDE3LjYgOC41bC0uMi4yaC0xMWMtLjctLjEtMS4zLjQtMS40IDEuMXYxNWMwIC43LjYgMS4zIDEuMyAxLjNoMTFsLjIuMiAxMC40IDguM2MuNi40IDEuNC40IDEuOC0uMi4yLS4yLjMtLjUuMy0uOFYxLjJjMC0uNy0uNS0xLjItMS4yLTEuMi0uMyAwLS42LjEtLjguMnoiIGZpbGw9IiNmZmYiLz48L3N2Zz4=);width:18px!important}.op-controls__captions:before{content:url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjAiIHk9IjAiIHZpZXdCb3g9IjAgMCAzNSAzNSIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHN0eWxlPi5zdDB7ZmlsbC1ydWxlOmV2ZW5vZGQ7Y2xpcC1ydWxlOmV2ZW5vZGQ7ZmlsbDojZmZmfTwvc3R5bGU+PHBhdGggY2xhc3M9InN0MCIgZD0iTTAgNC40djI2LjJoMzVWNC40SDB6bTMwLjQgMjFjLS4yLjMtLjYuNS0uOS43LTEuMS44LTYuMSAxLjEtMTEuOSAxLjFzLTExLS4zLTEyLjEtMS4xYy0uMy0uMi0uNy0uNC0uOS0uNy0xLjEtMS40LTEuMi0zLjQtMS4zLThzLjItNi42IDEuMy04Yy4zLS4zLjYtLjUuOS0uNyAxLS44IDYuMy0xLjEgMTIuMS0xLjFzMTAuOC4zIDExLjkgMS4xYy4zLjIuNi40LjkuNyAxLjEgMS40IDEuMyAzLjQgMS4zIDhzLS4yIDYuNi0xLjMgOHoiLz48cGF0aCBjbGFzcz0ic3QwIiBkPSJNMTYuOSAxNi4yYy0uMy0zLjYtMi4yLTUuNy01LjYtNS43LTMuMSAwLTUuNiAyLjgtNS42IDcuM3MyLjIgNy40IDUuOSA3LjRjMyAwIDUtMi4yIDUuMy01LjhoLTMuNWMtLjEgMS4zLS43IDIuNC0xLjkgMi40LTEuOSAwLTIuMi0xLjgtMi4yLTMuOCAwLTIuNy44LTQuMSAyLjEtNC4xIDEuMSAwIDEuOS44IDIgMi4zaDMuNXpNMjkgMTYuMmMtLjMtMy42LTIuMi01LjctNS42LTUuNy0zLjEgMC01LjYgMi44LTUuNiA3LjNzMi4yIDcuNCA1LjkgNy40YzMgMCA1LTIuMiA1LjMtNS44aC0zLjVjLS4xIDEuMy0uNyAyLjQtMS45IDIuNC0xLjkgMC0yLjItMS44LTIuMi0zLjggMC0yLjcuOC00LjEgMi4xLTQuMXMxLjkuOCAyIDIuM0gyOXoiLz48L3N2Zz4=);width:20px!important}.op-controls__settings:before{content:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzNSAzNSI+PHBhdGggZD0iTTMwLjUgMTkuMmMuMS0uNi4xLTEuMi4xLTEuNyAwLS42LS4xLTEuMi0uMS0xLjdsMy43LTIuOWMuMy0uMy40LS44LjItMS4xbC0zLjUtNi4xYy0uMi0uNC0uNy0uNS0xLjEtLjRMMjUuNCA3Yy0uOS0uNy0xLjktMS4zLTIuOS0xLjdMMjEuOC43YzAtLjQtLjMtLjctLjgtLjdoLTdjLS40IDAtLjguMy0uOC43bC0uNyA0LjZjLTEuMS40LTIuMSAxLTMgMS43TDUuMiA1LjNjLS40LS4yLS45IDAtMS4xLjRMLjYgMTEuOGMtLjIuNC0uMS45LjIgMS4xbDMuNyAyLjljLS4xLjYtLjEgMS4yLS4xIDEuNyAwIC42LjEgMS4yLjEgMS43TC44IDIyLjFjLS4zLjMtLjQuOC0uMiAxLjFsMy41IDYuMWMuMi40LjcuNSAxLjEuNEw5LjYgMjhjLjkuNyAxLjkgMS4zIDIuOSAxLjdsLjcgNC42Yy4xLjQuNC43LjkuN2g3Yy40IDAgLjgtLjMuOC0uN2wuNy00LjZjMS4xLS40IDItMSAyLjktMS43bDQuNCAxLjdjLjQuMi45IDAgMS4xLS40bDMuNS02LjFjLjItLjQuMS0uOS0uMi0xLjFsLTMuOC0yLjl6bS0xMyA0LjRjLTMuNCAwLTYuMS0yLjctNi4xLTYuMSAwLTMuNCAyLjctNi4xIDYuMS02LjEgMy40IDAgNi4xIDIuNyA2LjEgNi4xIDAgMy40LTIuOCA2LjEtNi4xIDYuMXoiIGZpbGw9IiNmZmYiLz48L3N2Zz4=)}.op-settings{background:#1c1c1c;background:rgba(28,28,28,.9);bottom:48px;color:#fff;font-size:.85em;overflow:hidden;position:absolute;right:5px;text-shadow:0 0 2px rgba(0,0,0,.5);-webkit-transition:right .2s ease;-o-transition:right .2s ease;transition:right .2s ease;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;will-change:width,height;z-index:4}.op-player__audio .op-settings{bottom:32px;right:0}.op-settings--sliding{right:-999px}.op-settings__menu{margin:0;overflow-x:hidden;overflow-y:auto;padding:0}.op-settings__menu-item,.op-settings__submenu-item{display:table-row;outline:none;padding:0}.op-settings__menu-label,.op-settings__submenu-label{display:table-cell;padding:5px 15px;vertical-align:middle}.op-settings__submenu-item,.op-settings__submenu-label{display:block}.op-settings__submenu-item{cursor:pointer}.op-settings__submenu-item[aria-checked=true] .op-settings__submenu-label{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZD0iTTkgMTYuMkw0LjggMTJsLTEuNCAxLjRMOSAxOSAyMSA3bC0xLjQtMS40TDkgMTYuMnoiIGZpbGw9IiNmZmYiLz48L3N2Zz4=");background-position:left 4px center;background-repeat:no-repeat;background-size:18px;padding:8px 15px 8px 25px}.op-settings__menu-content{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMiAzMiI+PHBhdGggZD0iTTEyLjU5IDIwLjM0bDQuNTgtNC41OS00LjU4LTQuNTlMMTQgOS43NWw2IDYtNiA2eiIgZmlsbD0iI2ZmZiIvPjwvc3ZnPg==");background-position:right 0 center;background-repeat:no-repeat;background-size:32px 32px;cursor:pointer;display:table-cell;padding:0 38px 0 15px;vertical-align:middle}.op-settings__header{padding:5px}.op-settings__back{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMiAzMiI+PHBhdGggZD0iTTE5LjQxIDIwLjA5bC00LjU4LTQuNTkgNC41OC00LjU5TDE4IDkuNWwtNiA2IDYgNnoiIGZpbGw9IiNmZmYiLz48L3N2Zz4=");background-position:left 0 center;background-repeat:no-repeat;background-size:20px 32px;color:inherit;height:100%;padding:0 10px 0 20px}.op-controls input[type=range],.op-controls progress{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;height:5px;left:0;margin:0;position:absolute;top:0;-webkit-transition:none;-o-transition:none;transition:none;width:100%}.op-controls input[type=range]{background:transparent;height:0;padding:2.5px 0;-webkit-tap-highlight-color:transparent;z-index:3}.op-controls input[type=range]:focus,.op-controls progress{outline:none}.op-controls input[type=range]::-moz-focus-outer{border:0}.op-controls input[type=range]::-webkit-slider-runnable-track{background:0 0;border:0;cursor:pointer;height:8px;-webkit-user-select:none;user-select:none}.op-controls input[type=range]::-moz-range-track{background:0 0;border:0;cursor:pointer;height:8px;-moz-user-select:none;user-select:none}.op-controls input[type=range]::-ms-track{background:0 0;border:0;cursor:pointer;height:8px;-ms-user-select:none;user-select:none}.op-controls input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#fff;border:2px solid transparent;border-radius:100%;-webkit-box-sizing:border-box;box-sizing:border-box;height:12px;margin-top:-2px;position:relative;width:12px}.op-controls input[type=range]::-moz-range-thumb{-moz-appearance:none;appearance:none;background:#fff;border:2px solid transparent;border-radius:100%;box-sizing:border-box;height:12px;margin-top:-2px;position:relative;width:12px}.op-controls input[type=range]::-ms-thumb{appearance:none;background:#fff;border:2px solid transparent;border-radius:100%;box-sizing:border-box;height:12px;margin-top:-2px;position:relative;width:12px}.op-controls input[type=range]::-ms-tooltip{display:none}.op-controls input[type=range]::-ms-fill-lower,.op-controls input[type=range]::-ms-fill-upper{background:transparent}.op-controls input[type=range]::-ms-ticks-after,.op-controls input[type=range]::-ms-ticks-before{display:none!important}.op-controls--hidden .op-controls .op-controls__progress--seek::-webkit-slider-thumb{background:transparent}.op-controls--hidden .op-controls .op-controls__progress--seek::-moz-range-thumb{background:transparent}.op-controls--hidden .op-controls .op-controls__progress--seek::-ms-thumb{background:transparent}.op-controls progress{display:inline-block;vertical-align:baseline}.op-controls progress::-webkit-progress-bar{background:0 0}.op-controls progress::-moz-progress-bar{background:0 0}.op-controls .op-controls__progress{-webkit-box-flex:2;-ms-flex-positive:2;flex-grow:2}.op-controls .op-controls__progress,.op-controls .op-controls__progress:hover,.op-controls .op-controls__volume,.op-controls .op-controls__volume:hover{cursor:pointer}.op-controls__progress,.op-controls__volume{display:inline-block;height:5px;margin-left:10px;margin-top:9px;pointer-events:all;position:relative}.op-player__video .op-controls__progress{bottom:34px;left:8px;margin-left:-8px;position:absolute;width:100%}.op-controls progress::-webkit-progress-value{background:currentColor}.op-controls progress::-moz-progress-bar{background:currentColor}.op-controls__progress--buffer::-webkit-progress-value{-webkit-transition:width .2s ease;-o-transition:width .2s ease;transition:width .2s ease}.op-controls__progress--played::-webkit-progress-value,.op-controls__volume--display::-webkit-progress-value{max-width:99%;-webkit-transition:none;-o-transition:none;transition:none}.op-player__video .op-controls__progress--played::-webkit-progress-value{max-width:100%}.op-controls__progress--buffer::-moz-progress-bar{-webkit-transition:width .2s ease;-o-transition:width .2s ease;transition:width .2s ease}.op-controls__progress--played::-moz-progress-bar,.op-controls__volume--display::-moz-progress-bar{max-width:99%;-webkit-transition:none;-o-transition:none;transition:none}.op-controls .op-controls__progress--played,.op-controls .op-controls__volume--display{background:0 0;color:red;-webkit-transition:all .2s ease;-o-transition:all .2s ease;transition:all .2s ease;z-index:2}.op-controls .op-controls__volume--display{background:#fff;background:hsla(0,0%,100%,.35)}.op-controls .op-controls__progress--buffer{background:#fff;background:hsla(0,0%,100%,.3);color:#fff;color:hsla(0,0%,100%,.25)}.op-ads--active .op-controls .op-controls__progress--seek{pointer-events:none}.op-ads--active .op-controls .op-controls__progress--played{color:#fecb2f}.op-ads--active .op-controls .op-controls__progress--buffer{color:transparent}.op-ads--active .op-controls .op-controls__progress--seek::-webkit-slider-thumb{display:none}.op-ads--active .op-controls .op-controls__progress--seek::-moz-range-thumb{display:none}.op-ads--active .op-controls .op-controls__progress--seek::-ms-thumb{display:none}.op-ads--active .op-controls .op-controls__progress--seek::-webkit-slider-runnable-track{cursor:default}.op-ads--active .op-controls .op-controls__progress--seek::-moz-range-track{cursor:default}.op-ads--active .op-controls .op-controls__progress--seek::-ms-track{cursor:default}.op-ads--active .op-controls .op-control__hide-in-ad{cursor:default;display:none;pointer-events:none}.op-controls__tooltip{background:#eee;border:1px solid #000;bottom:100%;color:#000;display:none;left:0;margin-bottom:10px;padding:1px 4px;position:absolute;text-align:center;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}.op-player__video .op-controls__tooltip{margin-bottom:10px}.op-controls__tooltip:after,.op-controls__tooltip:before{content:"";height:0;left:0;margin:0 auto;position:absolute;right:0;top:100%;width:0}.op-controls__tooltip:before{border-left:8px solid transparent;border-right:8px solid transparent;border-top:8px solid #000}.op-controls__tooltip:after{border-left:7px solid transparent;border-right:7px solid transparent;border-top:7px solid #eee}.op-controls__tooltip--visible{display:block}.op-controls__volume{margin-left:0;width:70px}.op-controls .op-controls__mute:before{text-align:left}.op-player__video .op-controls__volume{margin-top:10px}.op-player__unmute{background:#000;background:rgba(0,0,0,.7);color:#fff;cursor:pointer;left:0;padding:5px;position:absolute;top:0;z-index:3}.op-player[data-fullscreen=true] .op-controls{z-index:2147483648}.op-player[data-fullscreen=true].op-controls--hidden{cursor:none}.op-player[data-fullscreen=true].op-controls--hidden .op-controls{bottom:-40px}.op-player video::-webkit-media-controls,.op-player video::-webkit-media-text-track-container{display:none!important}.op-captions{bottom:0;color:#fff;display:none;font-weight:400;left:0;padding:20px 0;position:absolute;text-align:center;-webkit-transform:translateY(-40px);-ms-transform:translateY(-40px);transform:translateY(-40px);-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;-o-transition:transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease;width:100%;z-index:1}.op-controls--hidden .op-captions{bottom:-32px}.op-captions--on{display:block}.op-captions>span{background:#000;background:rgba(0,0,0,.7);-webkit-box-decoration-break:clone;box-decoration-break:clone;line-height:150%;padding:3px 10px}.op-player__audio.op-captions--detected{background:transparent;min-height:95px}.op-player__audio.op-captions--detected .op-captions{bottom:-10px;padding:0}.op-player__audio.op-captions--detected .op-captions>span{background:transparent;color:#000}.op-player__audio.op-captions--detected .op-controls{background:#000;bottom:auto}.op-player__audio.op-captions--detected .op-settings{bottom:auto;top:35px}.op-controls .op-controls__captions--on:before{color:red}.op-captions__menu{bottom:36px;overflow:visible;right:59px;z-index:10}.op-captions__menu:after{border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px solid rgba(28,28,28,.9);content:"";height:0;left:0;margin:0 auto;position:absolute;right:0;top:100%;width:0}::cue{color:#ccc}video:-webkit-media-text-track-display{top:-15%}.op-levels__menu{bottom:36px;min-width:73px;overflow:visible;right:30px;z-index:10}.op-levels__menu:after{border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px solid rgba(28,28,28,.9);content:"";height:0;left:0;margin:0 auto;position:absolute;right:0;top:100%;width:0}.op-ads{height:100%;left:0;position:absolute;top:0;width:100%}.op-ads--active{overflow:hidden}.op-ads--active .op-captions,.op-ads--active .op-controls__captions,.op-ads--active .op-controls__settings{display:none}.op-ads--active .op-controls__fullscreen{float:right}.op-ads--active .op-controls .op-control__right~.op-control__right{margin-left:auto}.op-ads--active .op-ads{z-index:1}.op-player[data-fullscreen=true].op-ads--active .op-ads{z-index:2147483645}.op-player:focus,.op-player>.op-controls :focus,.op-player__play:focus{outline:1px dotted #999}.op-player.op-player__keyboard--inactive .op-player__play:focus,.op-player.op-player__keyboard--inactive:focus,.op-player.op-player__keyboard--inactive>.op-controls :focus{outline:none}.op-player.op-player__full{bottom:0;left:0;overflow:hidden;position:fixed;right:0;top:0;z-index:-100}.op-player__full .op-ads,.op-player__full .op-player__media{height:auto;left:50%;min-height:100%;min-width:100%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:auto!important}.op-player__fit--wrapper{height:100%;position:relative;width:100%}.op-player.op-player__fit{background:#000;height:100%;left:0;overflow:hidden;position:absolute;top:0;width:100%}.op-player__fit .op-ads,.op-player__fit .op-player__media{border:0;display:block;height:100%;min-height:100%;width:100%}.op-player__ios--iphone .op-player__play{margin-top:-5px}.op-player.op-player__ios--iphone video::-webkit-media-controls,.op-player.op-player__ios--iphone video::-webkit-media-text-track-container{display:block!important}.op-player.op-player__ios--iphone video::cue{color:transparent;font-size:.001px}.op-player.op-player__ios--iphone video::-webkit-media-text-track-display-backdrop{background:transparent!important}.op-player[data-fullscreen=true].op-player__ios--iphone video::cue{color:#fff;font-size:medium}.op-player[data-fullscreen=true].op-player.op-player__ios--iphone video::-webkit-media-text-track-display-backdrop{background:#000!important;background:rgba(0,0,0,.498039)!important} \ No newline at end of file diff --git a/src/css/player.css b/src/css/player.css index f69954a7..b72d6d8e 100755 --- a/src/css/player.css +++ b/src/css/player.css @@ -714,7 +714,6 @@ video:-webkit-media-text-track-display { position: absolute; top: 0; width: 100%; - z-index: -1; } .op-ads--active { overflow: hidden;