A Pen by Gabriel Almeida on CodePen.
Created
April 10, 2022 23:45
-
-
Save HeNy007/89fff91776827cc1287fbc7dbaeb1bb3 to your computer and use it in GitHub Desktop.
Netflix Skin for JWPLAYER8 v2.0.3
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!-- Head Script --> | |
| <!-- <script src="https://content.jwplatform.com/libraries/Jq6HIbgz.js"></script> --> | |
| <!-- Player Fullscreen --> | |
| <style>#player{position:absolute;width:100%!important;height:100%!important;} | |
| </style> | |
| <div id="player"></div> |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| const playerInstance = jwplayer("player").setup({ | |
| controls: true, | |
| sharing: true, | |
| displaytitle: true, | |
| displaydescription: true, | |
| fullscreen: "true", | |
| primary: "html5", | |
| stretching: "uniform", | |
| aspectratio: "16:9", | |
| renderCaptionsNatively: false, | |
| autostart: false, | |
| abouttext: "Github", | |
| aboutlink: "https://github.com/Foilz", | |
| skin: { | |
| name: "netflix" | |
| }, | |
| logo: { | |
| file: | |
| "https://upload.wikimedia.org/wikipedia/commons/thumb/0/08/Netflix_2015_logo.svg/799px-Netflix_2015_logo.svg.png" | |
| }, | |
| advertising: { | |
| client: "vast", | |
| schedule: { | |
| myAds: { | |
| offset: "pre", | |
| tag: "https://syndication.exdynsrv.com/splash.php?idzone=4648050" | |
| } | |
| } | |
| }, | |
| captions: { | |
| color: "#FFF", | |
| fontSize: 14, | |
| backgroundOpacity: 0, | |
| edgeStyle: "raised" | |
| }, | |
| playlist: [ | |
| { | |
| title: "Sprite Fright - Open Movie by Blender Studio", | |
| description: "You're Watching", | |
| image: "https://i.ytimg.com/vi/_cMxraX_5RE/maxresdefault.jpg", | |
| sources: [ | |
| { | |
| file: | |
| "https://upload.wikimedia.org/wikipedia/commons/transcoded/7/74/Sprite_Fright_-_Open_Movie_by_Blender_Studio.webm/Sprite_Fright_-_Open_Movie_by_Blender_Studio.webm.1080p.webm", | |
| label: "1080p", | |
| default: true | |
| }, | |
| { | |
| file: | |
| "https://upload.wikimedia.org/wikipedia/commons/transcoded/7/74/Sprite_Fright_-_Open_Movie_by_Blender_Studio.webm/Sprite_Fright_-_Open_Movie_by_Blender_Studio.webm.720p.webm", | |
| label: "720p" | |
| }, | |
| { | |
| file: | |
| "https://upload.wikimedia.org/wikipedia/commons/transcoded/7/74/Sprite_Fright_-_Open_Movie_by_Blender_Studio.webm/Sprite_Fright_-_Open_Movie_by_Blender_Studio.webm.480p.webm", | |
| label: "480p" | |
| }, | |
| { | |
| file: | |
| "https://upload.wikimedia.org/wikipedia/commons/transcoded/7/74/Sprite_Fright_-_Open_Movie_by_Blender_Studio.webm/Sprite_Fright_-_Open_Movie_by_Blender_Studio.webm.360p.webm", | |
| label: "360p" | |
| }, | |
| { | |
| file: | |
| "https://upload.wikimedia.org/wikipedia/commons/transcoded/7/74/Sprite_Fright_-_Open_Movie_by_Blender_Studio.webm/Sprite_Fright_-_Open_Movie_by_Blender_Studio.webm.240p.webm", | |
| label: "240p" | |
| }, | |
| { | |
| file: | |
| "https://upload.wikimedia.org/wikipedia/commons/transcoded/7/74/Sprite_Fright_-_Open_Movie_by_Blender_Studio.webm/Sprite_Fright_-_Open_Movie_by_Blender_Studio.webm.160p.webm", | |
| label: "160p" | |
| } | |
| ], | |
| captions: [ | |
| { | |
| file: | |
| "https://raw.githubusercontent.com/Foilz/jwplayer/main/%5BBengali%5D%20Sprite%20Fright%20-%20Blender%20Open%20Movie.srt", | |
| label: "Bangla", | |
| kind: "captions" | |
| }, | |
| { | |
| file: | |
| "https://raw.githubusercontent.com/Foilz/jwplayer/main/%5BEnglish%5D%20Sprite%20Fright%20-%20Blender%20Open%20Movie.srt", | |
| label: "English", | |
| kind: "captions", | |
| default: true | |
| }, | |
| { | |
| file: | |
| "https://raw.githubusercontent.com/Foilz/jwplayer/main/%5BGerman%5D%20Sprite%20Fright%20-%20Blender%20Open%20Movie.srt", | |
| label: "German", | |
| kind: "captions" | |
| }, | |
| { | |
| file: | |
| "https://raw.githubusercontent.com/Foilz/jwplayer/main/%5BHungarian%5D%20Sprite%20Fright%20-%20Blender%20Open%20Movie.srt", | |
| label: "Hungarian", | |
| kind: "captions" | |
| }, | |
| { | |
| file: | |
| "https://raw.githubusercontent.com/Foilz/jwplayer/main/%5BItalian%5D%20Sprite%20Fright%20-%20Blender%20Open%20Movie.srt", | |
| label: "Italian", | |
| kind: "captions" | |
| }, | |
| { | |
| file: | |
| "https://raw.githubusercontent.com/Foilz/jwplayer/main/%5BMalayalam%5D%20Sprite%20Fright%20-%20Blender%20Open%20Movie.srt", | |
| label: "Malayalam", | |
| kind: "captions" | |
| }, | |
| { | |
| file: | |
| "https://raw.githubusercontent.com/Foilz/jwplayer/main/%5BPortugu%C3%AAs%20(Portugal)%5D%20Sprite%20Fright%20-%20Blender%20Open%20Movie.srt", | |
| label: "Portuguese", | |
| kind: "captions" | |
| }, | |
| { | |
| file: | |
| "https://raw.githubusercontent.com/Foilz/jwplayer/main/%5BRussian%5D%20Sprite%20Fright%20-%20Blender%20Open%20Movie.srt", | |
| label: "Russian", | |
| kind: "captions" | |
| }, | |
| { | |
| file: | |
| "https://raw.githubusercontent.com/Foilz/jwplayer/main/%5BSpanish%5D%20Sprite%20Fright%20-%20Blender%20Open%20Movie.srt", | |
| label: "Spanish", | |
| kind: "captions" | |
| } | |
| ], | |
| tracks: [ | |
| { | |
| file: | |
| "https://raw.githubusercontent.com/Foilz/jwplayer/main/mosaic.vtt", | |
| kind: "thumbnails" | |
| } | |
| ] | |
| } | |
| ] | |
| }); | |
| playerInstance.on("ready", function () { | |
| // Move the timeslider in-line with other controls | |
| const playerContainer = playerInstance.getContainer(); | |
| const buttonContainer = playerContainer.querySelector(".jw-button-container"); | |
| const spacer = buttonContainer.querySelector(".jw-spacer"); | |
| const timeSlider = playerContainer.querySelector(".jw-slider-time"); | |
| buttonContainer.replaceChild(timeSlider, spacer); | |
| }); |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <script src="https://content.jwplatform.com/libraries/Jq6HIbgz.js"></script> |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /* | |
| Skin Netflix v2.0.3 | |
| Created by: Gabriel Almeida - Foilz | |
| Email: gabriel.alvikar@gmail.com | |
| Premium Skin: Ocean Skin For JW Player | |
| https://bit.ly/3kVPdo9 | |
| */ | |
| @import url("https://fonts.googleapis.com/css2?family=Rubik:wght@500;700&display=swap"); | |
| /* RESET CSS */ | |
| *, | |
| *::before, | |
| *::after { | |
| margin: 0; | |
| padding: 0; | |
| box-sizing: inherit; | |
| } | |
| html { | |
| box-sizing: border-box; | |
| } | |
| /* SKIN CSS */ | |
| :root { | |
| --bg-red: #e50914; | |
| --bg-white: #f7f7f7; | |
| --bg-black: #222222; | |
| } | |
| /* Added New Title - 03-31-22 */ | |
| .jwplayer.jw-skin-netflix .jw-title-primary { | |
| display: -webkit-box; | |
| display: -ms-flexbox; | |
| display: flex; | |
| -webkit-box-pack: start; | |
| -ms-flex-pack: start; | |
| justify-content: flex-start; | |
| -webkit-box-orient: vertical; | |
| -webkit-box-direction: normal; | |
| -ms-flex-direction: column; | |
| flex-direction: column; | |
| color: #e6e6e6; | |
| margin: 50px 0 0 50px; | |
| font-family: "Rubik", Arial, sans-serif; | |
| font-weight: 700; | |
| text-transform: uppercase; | |
| } | |
| .jwplayer.jw-skin-netflix .jw-title-secondary { | |
| display: -webkit-box; | |
| display: -ms-flexbox; | |
| display: flex; | |
| -webkit-box-pack: start; | |
| -ms-flex-pack: start; | |
| justify-content: flex-start; | |
| -webkit-box-orient: vertical; | |
| -webkit-box-direction: normal; | |
| -ms-flex-direction: column; | |
| flex-direction: column; | |
| color: #e6e6e6; | |
| margin: -60px 0 0 50px; | |
| font-family: "Rubik", Arial, sans-serif; | |
| font-weight: 500; | |
| } | |
| .jwplayer.jw-skin-netflix.jw-breakpoint-1 .jw-title-primary, | |
| .jwplayer.jw-skin-netflix.jw-breakpoint-0 .jw-title-primary { | |
| display: -webkit-box; | |
| display: -ms-flexbox; | |
| display: flex; | |
| -webkit-box-pack: start; | |
| -ms-flex-pack: start; | |
| justify-content: flex-start; | |
| margin: 30px 0 0 25px; | |
| font-size: 12px; | |
| } | |
| .jwplayer.jw-skin-netflix.jw-breakpoint-1 .jw-title-secondary, | |
| .jwplayer.jw-skin-netflix.jw-breakpoint-0 .jw-title-secondary { | |
| display: -webkit-box; | |
| display: -ms-flexbox; | |
| display: flex; | |
| -webkit-box-pack: start; | |
| -ms-flex-pack: start; | |
| justify-content: flex-start; | |
| margin: -26px 0 0 25px; | |
| font-size: 8px; | |
| } | |
| .jwplayer.jw-skin-netflix.jw-breakpoint-3 .jw-title-primary, | |
| .jwplayer.jw-skin-netflix.jw-breakpoint-2 .jw-title-primary { | |
| display: -webkit-box; | |
| display: -ms-flexbox; | |
| display: flex; | |
| -webkit-box-pack: start; | |
| -ms-flex-pack: start; | |
| justify-content: flex-start; | |
| margin: 40px 0 0 25px; | |
| font-size: 20px; | |
| } | |
| .jwplayer.jw-skin-netflix.jw-breakpoint-3 .jw-title-secondary, | |
| .jwplayer.jw-skin-netflix.jw-breakpoint-2 .jw-title-secondary { | |
| display: -webkit-box; | |
| display: -ms-flexbox; | |
| display: flex; | |
| -webkit-box-pack: start; | |
| -ms-flex-pack: start; | |
| justify-content: flex-start; | |
| margin: -50px 0 0 25px; | |
| font-size: 15px; | |
| } | |
| .jwplayer.jw-skin-netflix.jw-breakpoint-5 .jw-title-primary, | |
| .jwplayer.jw-skin-netflix.jw-breakpoint-4 .jw-title-primary { | |
| display: -webkit-box; | |
| display: -ms-flexbox; | |
| display: flex; | |
| -webkit-box-pack: start; | |
| -ms-flex-pack: start; | |
| justify-content: flex-start; | |
| margin: 50px 0 0 25px; | |
| font-size: 25px; | |
| } | |
| .jwplayer.jw-skin-netflix.jw-breakpoint-5 .jw-title-secondary, | |
| .jwplayer.jw-skin-netflix.jw-breakpoint-4 .jw-title-secondary { | |
| display: -webkit-box; | |
| display: -ms-flexbox; | |
| display: flex; | |
| -webkit-box-pack: start; | |
| -ms-flex-pack: start; | |
| justify-content: flex-start; | |
| margin: -60px 0 0 25px; | |
| font-size: 15px; | |
| } | |
| .jwplayer.jw-skin-netflix.jw-breakpoint-7 .jw-title-primary, | |
| .jwplayer.jw-skin-netflix.jw-breakpoint-6 .jw-title-primary { | |
| display: -webkit-box; | |
| display: -ms-flexbox; | |
| display: flex; | |
| -webkit-box-pack: start; | |
| -ms-flex-pack: start; | |
| justify-content: flex-start; | |
| margin: 50px 0 0 25px; | |
| font-size: 30px; | |
| } | |
| .jwplayer.jw-skin-netflix.jw-breakpoint-7 .jw-title-secondary, | |
| .jwplayer.jw-skin-netflix.jw-breakpoint-6 .jw-title-secondary { | |
| display: -webkit-box; | |
| display: -ms-flexbox; | |
| display: flex; | |
| -webkit-box-pack: start; | |
| -ms-flex-pack: start; | |
| justify-content: flex-start; | |
| margin: -70px 0 0 25px; | |
| font-size: 20px; | |
| } | |
| .jwplayer.jw-skin-netflix.jw-state-idle | |
| .jw-display-icon-container | |
| .jw-svg-icon-play | |
| path { | |
| display: none; | |
| } | |
| .jwplayer.jw-skin-netflix.jw-state-idle | |
| .jw-display-icon-container | |
| .jw-svg-icon-play { | |
| background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgd2lkdGg9IjY0IiBoZWlnaHQ9IjY0Ij48cGF0aCBmaWxsPSJub25lIiBkPSJNMCAwaDI0djI0SDB6Ii8+PHBhdGggZD0iTTE5LjM3NiAxMi40MTZMOC43NzcgMTkuNDgyQS41LjUgMCAwIDEgOCAxOS4wNjZWNC45MzRhLjUuNSAwIDAgMSAuNzc3LS40MTZsMTAuNTk5IDcuMDY2YS41LjUgMCAwIDEgMCAuODMyeiIgZmlsbD0icmdiYSgyNDcsMjQ2LDI0NywxKSIvPjwvc3ZnPg=="); | |
| background-repeat: no-repeat; | |
| background-position: center; | |
| -webkit-transition: 0.2s; | |
| transition: 0.2s; | |
| } | |
| .jwplayer.jw-skin-netflix.jw-state-idle | |
| .jw-display-icon-container:hover | |
| .jw-svg-icon-play { | |
| background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgd2lkdGg9IjY0IiBoZWlnaHQ9IjY0Ij48cGF0aCBmaWxsPSJub25lIiBkPSJNMCAwaDI0djI0SDB6Ii8+PHBhdGggZD0iTTE5LjM3NiAxMi40MTZMOC43NzcgMTkuNDgyQS41LjUgMCAwIDEgOCAxOS4wNjZWNC45MzRhLjUuNSAwIDAgMSAuNzc3LS40MTZsMTAuNTk5IDcuMDY2YS41LjUgMCAwIDEgMCAuODMyeiIgZmlsbD0icmdiYSgyMjksOSwyMCwxKSIvPjwvc3ZnPg=="); | |
| background-repeat: no-repeat; | |
| background-position: center; | |
| -webkit-transition: 0.2s; | |
| transition: 0.2s; | |
| } | |
| .jwplayer.jw-skin-netflix.jw-state-idle | |
| .jw-display-icon-container | |
| .jw-svg-icon-play { | |
| background-color: rgba(255, 255, 255, 0.25); | |
| border-radius: 100%; | |
| } | |
| .jwplayer.jw-skin-netflix.jw-state-idle | |
| .jw-display-controls | |
| .jw-display-icon-container | |
| .jw-icon { | |
| display: flex; | |
| justify-content: center; | |
| align-items: center; | |
| } | |
| .jwplayer.jw-skin-netflix.jw-state-idle .jw-preview, | |
| .jwplayer.jw-skin-netflix.jw-state-complete .jw-preview { | |
| width: calc(100% + 50px); | |
| background-size: calc(100% + 60px); | |
| -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; | |
| transition: opacity 0.35s, -webkit-transform 0.35s; | |
| transition: opacity 0.35s, transform 0.35s; | |
| transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s; | |
| -webkit-transform: translate3d(-40px, 0, 0); | |
| transform: translate3d(-40px, 0, 0); | |
| background-repeat: no-repeat; | |
| background-size: cover; | |
| } | |
| .jwplayer.jw-skin-netflix.jw-state-idle:hover .jw-preview, | |
| .jwplayer.jw-skin-netflix.jw-state-complete:hover .jw-preview { | |
| -webkit-transform: translate3d(0, 0, 0); | |
| transform: translate3d(0, 0, 0); | |
| } | |
| .jwplayer.jw-skin-netflix.jw-state-paused .jw-title { | |
| display: -webkit-box; | |
| display: -ms-flexbox; | |
| display: flex; | |
| -webkit-box-pack: start; | |
| -ms-flex-pack: start; | |
| justify-content: flex-start; | |
| -webkit-box-orient: vertical; | |
| -webkit-box-direction: normal; | |
| -ms-flex-direction: column; | |
| flex-direction: column; | |
| } | |
| .jwplayer.jw-skin-netflix.jw-state-paused .jw-controls, | |
| .jwplayer.jw-skin-netflix.jw-state-complete .jw-controls { | |
| background-color: rgba(0, 0, 0, 0.35); | |
| transition: all 0.2s linear; | |
| -o-transition: all 0.2s linear; | |
| -moz-transition: all 0.2s linear; | |
| -webkit-transition: all 0.2s linear; | |
| } | |
| .jwplayer.jw-skin-netflix | |
| .jw-display-controls | |
| .jw-display-icon-container | |
| .jw-icon:hover { | |
| color: var(--bg-red); | |
| } | |
| .jwplayer.jw-skin-netflix.jw-state-paused .jw-controls { | |
| background-color: rgba(0, 0, 0, 0.1); | |
| } | |
| /* | |
| Amplia a imagem e adiciona transições. | |
| */ | |
| .jwplayer.jw-skin-netflix .jw-preview { | |
| width: calc(100% + 50px); | |
| background-size: calc(100% + 60px); | |
| transition: opacity 0.35s, transform 0.35s; | |
| transform: translate3d(-40px, 0, 0); | |
| } | |
| .jwplayer.jw-skin-netflix:hover .jw-preview { | |
| transform: translate3d(0, 0, 0); | |
| } | |
| /* | |
| Deslizar a imagem em -40px. | |
| */ | |
| .jwplayer.jw-skin-netflix.jw-state-complete:hover .jw-preview { | |
| transform: translate3d(-40px, 0, 0); | |
| } | |
| /* | |
| Mudar a cor da barra de controle e alterar a cor do ícone em idle. | |
| */ | |
| .jwplayer.jw-skin-netflix .jw-display { | |
| padding-bottom: 45px; | |
| } | |
| .jwplayer.jw-skin-netflix .jw-controls::after { | |
| background: none; | |
| } | |
| .jwplayer.jw-skin-netflix .jw-controlbar .jw-button-container .jw-button-color { | |
| color: var(--bg-white); | |
| } | |
| .jwplayer.jw-skin-netflix.jw-state-paused | |
| .jw-controlbar | |
| .jw-button-container | |
| .jw-button-color { | |
| color: var(--bg-white); | |
| } | |
| .jwplayer.jw-skin-netflix | |
| .jw-controlbar | |
| .jw-button-container | |
| .jw-button-color:hover { | |
| color: var(--bg-red); | |
| } | |
| /* | |
| Toltips mais perto da barra, alterar cores e remover sombras. | |
| */ | |
| .jwplayer.jw-skin-netflix .jw-controlbar .jw-tooltip { | |
| bottom: 90%; | |
| box-shadow: none !important; | |
| } | |
| .jwplayer.jw-skin-netflix .jw-controlbar .jw-tooltip.jw-open { | |
| border-radius: 3px; | |
| color: var(--bg-black); | |
| } | |
| .jwplayer.jw-skin-netflix .jw-controlbar .jw-tooltip .jw-text { | |
| background-color: VAR(--bg-black); | |
| border-radius: 3px; | |
| border: 0; | |
| } | |
| .jwplayer.jw-skin-netflix .jw-controlbar .jw-text { | |
| color: var(--bg-white); | |
| } | |
| .jwplayer.jw-skin-netflix .jw-time-tip .jw-text { | |
| color: var(--bg-black); | |
| } | |
| .jwplayer.jw-skin-netflix .jw-volume-tip { | |
| margin-bottom: -40px; | |
| } | |
| /* | |
| Tooltip timeslider e botões de qualidade e legenda. | |
| */ | |
| .jwplayer.jw-skin-netflix .jw-settings-topbar-buttons .jw-tooltip-captions, | |
| .jwplayer.jw-skin-netflix .jw-settings-topbar-buttons .jw-tooltip-quality { | |
| color: var(--bg-black); | |
| } | |
| .jwplayer.jw-skin-netflix | |
| .jw-settings-topbar-buttons | |
| .jw-tooltip-captions | |
| .jw-text, | |
| .jwplayer.jw-skin-netflix | |
| .jw-settings-topbar-buttons | |
| .jw-tooltip-quality | |
| .jw-text, | |
| .jwplayer.jw-skin-netflix .jw-time-tip .jw-reset { | |
| border-radius: 3px; | |
| background-color: var(--bg-black); | |
| color: var(--bg-white); | |
| } | |
| .jwplayer.jw-skin-netflix .jw-time-tip { | |
| color: var(--bg-black); | |
| } | |
| /* | |
| Controle de volume. | |
| */ | |
| .jwplayer.jw-skin-netflix | |
| .jw-overlay | |
| .jw-slider-volume | |
| .jw-slider-container | |
| .jw-knob { | |
| background-color: var(--bg-red); | |
| } | |
| .jwplayer.jw-skin-netflix | |
| .jw-overlay | |
| .jw-slider-volume | |
| .jw-slider-container | |
| .jw-buffer, | |
| .jwplayer.jw-skin-netflix | |
| .jw-overlay | |
| .jw-slider-volume | |
| .jw-slider-container | |
| .jw-rail { | |
| background-color: var(--bg-black); | |
| width: 0.2rem; | |
| } | |
| .jwplayer.jw-skin-netflix | |
| .jw-overlay | |
| .jw-slider-volume | |
| .jw-slider-container | |
| .jw-progress { | |
| background-color: var(--bg-red); | |
| width: 0.2rem; | |
| } | |
| /* | |
| Tamanho e cor da slider. | |
| */ | |
| .jwplayer.jw-skin-netflix | |
| .jw-controlbar | |
| .jw-slider-time | |
| .jw-slider-container | |
| .jw-rail { | |
| background-color: var(--bg-black); | |
| } | |
| .jwplayer.jw-skin-netflix | |
| .jw-controlbar | |
| .jw-slider-time | |
| .jw-slider-container | |
| .jw-buffer { | |
| background-color: #404040; | |
| } | |
| .jwplayer.jw-skin-netflix | |
| .jw-controlbar | |
| .jw-slider-time | |
| .jw-slider-container | |
| .jw-knob, | |
| .jwplayer.jw-skin-netflix | |
| .jw-controlbar | |
| .jw-slider-time | |
| .jw-slider-container | |
| .jw-progress { | |
| background-color: var(--bg-red); | |
| } | |
| .jw-skin-netflix .jw-slider-horizontal .jw-rail, | |
| .jw-skin-netflix .jw-slider-horizontal .jw-buffer, | |
| .jw-skin-netflix .jw-slider-horizontal .jw-progress { | |
| height: 0.3rem; | |
| } | |
| /* | |
| Cor do menu de configurações. | |
| */ | |
| .jwplayer.jw-skin-netflix .jw-settings-menu { | |
| background-color: var(--bg-black); | |
| border-radius: 3px; | |
| width: 230px; | |
| } | |
| .jwplayer.jw-skin-netflix .jw-settings-topbar { | |
| border-radius: 3px 3px 0 0; | |
| } | |
| .jwplayer.jw-skin-netflix | |
| .jw-settings-menu | |
| .jw-settings-topbar:not(.jw-nested-menu-open) | |
| .jw-icon-inline { | |
| height: 50px; | |
| } | |
| .jwplayer.jw-skin-netflix.jw-breakpoint-7 .jw-settings-menu { | |
| margin: 0 -44px -47px 0; | |
| } | |
| .jwplayer.jw-skin-netflix.jw-breakpoint-6 .jw-settings-menu, | |
| .jwplayer.jw-skin-netflix.jw-breakpoint-5 .jw-settings-menu, | |
| .jwplayer.jw-skin-netflix.jw-breakpoint-4 .jw-settings-menu, | |
| .jwplayer.jw-skin-netflix.jw-breakpoint-3 .jw-settings-menu, | |
| .jwplayer.jw-skin-netflix.jw-breakpoint-2 .jw-settings-menu { | |
| margin: 0 4px 8px 0; | |
| } | |
| .jwplayer.jw-skin-netflix.jw-breakpoint-1 .jw-settings-menu, | |
| .jwplayer.jw-skin-netflix.jw-breakpoint-0 .jw-settings-menu { | |
| width: 100%; | |
| border-radius: 0; | |
| } | |
| /* | |
| Ícone Taxas de Reprodução e configurações de legendas. | |
| */ | |
| .jw-svg-icon-playback-rate path { | |
| color: var(--bg-white); | |
| } | |
| .jwplayer.jw-skin-netflix .jw-settings-menu .jw-submenu-topbar { | |
| display: none; | |
| } | |
| /* | |
| Player responsivo jw8. | |
| */ | |
| .jwplayer.jw-skin-netflix.jw-breakpoint-6 .jw-volume-tip, | |
| .jwplayer.jw-skin-netflix.jw-breakpoint-5 .jw-volume-tip, | |
| .jwplayer.jw-skin-netflix.jw-breakpoint-4 .jw-volume-tip, | |
| .jwplayer.jw-skin-netflix.jw-breakpoint-3 .jw-volume-tip, | |
| .jwplayer.jw-skin-netflix.jw-breakpoint-2 .jw-volume-tip, | |
| .jwplayer.jw-skin-netflix.jw-breakpoint-1 .jw-volume-tip, | |
| .jwplayer.jw-skin-netflix.jw-breakpoint-0 .jw-volume-tip { | |
| margin-bottom: -20px; | |
| } | |
| /* | |
| Animações do botão. | |
| */ | |
| @keyframes scaling { | |
| from { | |
| transform: scale(1); | |
| } | |
| to { | |
| transform: scale(1.1); | |
| } | |
| } | |
| /* | |
| ícones do player. | |
| */ | |
| .jw-svg-icon-buffer { | |
| color: var(--bg-red); | |
| } | |
| /* | |
| ícone de Play | |
| */ | |
| .jw-state-paused .jw-svg-icon-play path { | |
| display: none; | |
| } | |
| .jw-state-paused .jw-svg-icon-play { | |
| background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgd2lkdGg9IjY0IiBoZWlnaHQ9IjY0Ij48cGF0aCBmaWxsPSJub25lIiBkPSJNMCAwaDI0djI0SDB6Ii8+PHBhdGggZD0iTTE5LjM3NiAxMi40MTZMOC43NzcgMTkuNDgyQS41LjUgMCAwIDEgOCAxOS4wNjZWNC45MzRhLjUuNSAwIDAgMSAuNzc3LS40MTZsMTAuNTk5IDcuMDY2YS41LjUgMCAwIDEgMCAuODMyeiIgZmlsbD0icmdiYSgyNDcsMjQ2LDI0NywxKSIvPjwvc3ZnPg=="); | |
| background-size: contain; | |
| background-repeat: no-repeat; | |
| } | |
| .jw-state-paused .jw-icon-playback:hover .jw-svg-icon-play { | |
| background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgd2lkdGg9IjY0IiBoZWlnaHQ9IjY0Ij48cGF0aCBmaWxsPSJub25lIiBkPSJNMCAwaDI0djI0SDB6Ii8+PHBhdGggZD0iTTE5LjM3NiAxMi40MTZMOC43NzcgMTkuNDgyQS41LjUgMCAwIDEgOCAxOS4wNjZWNC45MzRhLjUuNSAwIDAgMSAuNzc3LS40MTZsMTAuNTk5IDcuMDY2YS41LjUgMCAwIDEgMCAuODMyeiIgZmlsbD0icmdiYSgyMjksOSwyMCwxKSIvPjwvc3ZnPg=="); | |
| } | |
| /* | |
| ícone de Puase. | |
| */ | |
| .jw-svg-icon-pause path { | |
| display: none; | |
| } | |
| .jw-svg-icon-pause { | |
| background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgd2lkdGg9IjY0IiBoZWlnaHQ9IjY0Ij48cGF0aCBmaWxsPSJub25lIiBkPSJNMCAwaDI0djI0SDB6Ii8+PHBhdGggZD0iTTYgNWgydjE0SDZWNXptMTAgMGgydjE0aC0yVjV6IiBmaWxsPSJyZ2JhKDI0NywyNDYsMjQ3LDEpIi8+PC9zdmc+"); | |
| background-size: contain; | |
| background-repeat: no-repeat; | |
| } | |
| .jw-icon-playback:hover .jw-svg-icon-pause { | |
| background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgd2lkdGg9IjY0IiBoZWlnaHQ9IjY0Ij48cGF0aCBmaWxsPSJub25lIiBkPSJNMCAwaDI0djI0SDB6Ii8+PHBhdGggZD0iTTYgNWgydjE0SDZWNXptMTAgMGgydjE0aC0yVjV6IiBmaWxsPSJyZ2JhKDIyOSw5LDIwLDEpIi8+PC9zdmc+"); | |
| } | |
| /* | |
| Ícone de Configuração. | |
| */ | |
| .jw-svg-icon-settings path { | |
| display: none; | |
| } | |
| .jw-svg-icon-settings { | |
| background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgd2lkdGg9IjY0IiBoZWlnaHQ9IjY0Ij48cGF0aCBmaWxsPSJub25lIiBkPSJNMCAwaDI0djI0SDB6Ii8+PHBhdGggZD0iTTIgMTJjMC0uODY1LjExLTEuNzAzLjMxNi0yLjUwNEEzIDMgMCAwIDAgNC45OSA0Ljg2N2E5Ljk5IDkuOTkgMCAwIDEgNC4zMzUtMi41MDUgMyAzIDAgMCAwIDUuMzQ4IDAgOS45OSA5Ljk5IDAgMCAxIDQuMzM1IDIuNTA1IDMgMyAwIDAgMCAyLjY3NSA0LjYzYy4yMDYuOC4zMTYgMS42MzguMzE2IDIuNTAzIDAgLjg2NS0uMTEgMS43MDMtLjMxNiAyLjUwNGEzIDMgMCAwIDAtMi42NzUgNC42MjkgOS45OSA5Ljk5IDAgMCAxLTQuMzM1IDIuNTA1IDMgMyAwIDAgMC01LjM0OCAwIDkuOTkgOS45OSAwIDAgMS00LjMzNS0yLjUwNSAzIDMgMCAwIDAtMi42NzUtNC42M0MyLjExIDEzLjcwNCAyIDEyLjg2NiAyIDEyem00LjgwNCAzYy42MyAxLjA5MS44MSAyLjM0Ni41NjQgMy41MjQuNDA4LjI5Ljg0Mi41NDEgMS4yOTcuNzVBNC45OTMgNC45OTMgMCAwIDEgMTIgMThjMS4yNiAwIDIuNDM4LjQ3MSAzLjMzNSAxLjI3NC40NTUtLjIwOS44ODktLjQ2IDEuMjk3LS43NUE0Ljk5MyA0Ljk5MyAwIDAgMSAxNy4xOTYgMTVhNC45OTMgNC45OTMgMCAwIDEgMi43Ny0yLjI1IDguMTI2IDguMTI2IDAgMCAwIDAtMS41QTQuOTkzIDQuOTkzIDAgMCAxIDE3LjE5NSA5YTQuOTkzIDQuOTkzIDAgMCAxLS41NjQtMy41MjQgNy45ODkgNy45ODkgMCAwIDAtMS4yOTctLjc1QTQuOTkzIDQuOTkzIDAgMCAxIDEyIDZhNC45OTMgNC45OTMgMCAwIDEtMy4zMzUtMS4yNzQgNy45OSA3Ljk5IDAgMCAwLTEuMjk3Ljc1QTQuOTkzIDQuOTkzIDAgMCAxIDYuODA0IDlhNC45OTMgNC45OTMgMCAwIDEtMi43NyAyLjI1IDguMTI2IDguMTI2IDAgMCAwIDAgMS41QTQuOTkzIDQuOTkzIDAgMCAxIDYuODA1IDE1ek0xMiAxNWEzIDMgMCAxIDEgMC02IDMgMyAwIDAgMSAwIDZ6bTAtMmExIDEgMCAxIDAgMC0yIDEgMSAwIDAgMCAwIDJ6IiBmaWxsPSJyZ2JhKDI0NywyNDYsMjQ3LDEpIi8+PC9zdmc+"); | |
| background-size: contain; | |
| background-repeat: no-repeat; | |
| } | |
| .jw-icon-settings:hover .jw-svg-icon-settings { | |
| background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgd2lkdGg9IjY0IiBoZWlnaHQ9IjY0Ij48cGF0aCBmaWxsPSJub25lIiBkPSJNMCAwaDI0djI0SDB6Ii8+PHBhdGggZD0iTTIgMTJjMC0uODY1LjExLTEuNzAzLjMxNi0yLjUwNEEzIDMgMCAwIDAgNC45OSA0Ljg2N2E5Ljk5IDkuOTkgMCAwIDEgNC4zMzUtMi41MDUgMyAzIDAgMCAwIDUuMzQ4IDAgOS45OSA5Ljk5IDAgMCAxIDQuMzM1IDIuNTA1IDMgMyAwIDAgMCAyLjY3NSA0LjYzYy4yMDYuOC4zMTYgMS42MzguMzE2IDIuNTAzIDAgLjg2NS0uMTEgMS43MDMtLjMxNiAyLjUwNGEzIDMgMCAwIDAtMi42NzUgNC42MjkgOS45OSA5Ljk5IDAgMCAxLTQuMzM1IDIuNTA1IDMgMyAwIDAgMC01LjM0OCAwIDkuOTkgOS45OSAwIDAgMS00LjMzNS0yLjUwNSAzIDMgMCAwIDAtMi42NzUtNC42M0MyLjExIDEzLjcwNCAyIDEyLjg2NiAyIDEyem00LjgwNCAzYy42MyAxLjA5MS44MSAyLjM0Ni41NjQgMy41MjQuNDA4LjI5Ljg0Mi41NDEgMS4yOTcuNzVBNC45OTMgNC45OTMgMCAwIDEgMTIgMThjMS4yNiAwIDIuNDM4LjQ3MSAzLjMzNSAxLjI3NC40NTUtLjIwOS44ODktLjQ2IDEuMjk3LS43NUE0Ljk5MyA0Ljk5MyAwIDAgMSAxNy4xOTYgMTVhNC45OTMgNC45OTMgMCAwIDEgMi43Ny0yLjI1IDguMTI2IDguMTI2IDAgMCAwIDAtMS41QTQuOTkzIDQuOTkzIDAgMCAxIDE3LjE5NSA5YTQuOTkzIDQuOTkzIDAgMCAxLS41NjQtMy41MjQgNy45ODkgNy45ODkgMCAwIDAtMS4yOTctLjc1QTQuOTkzIDQuOTkzIDAgMCAxIDEyIDZhNC45OTMgNC45OTMgMCAwIDEtMy4zMzUtMS4yNzQgNy45OSA3Ljk5IDAgMCAwLTEuMjk3Ljc1QTQuOTkzIDQuOTkzIDAgMCAxIDYuODA0IDlhNC45OTMgNC45OTMgMCAwIDEtMi43NyAyLjI1IDguMTI2IDguMTI2IDAgMCAwIDAgMS41QTQuOTkzIDQuOTkzIDAgMCAxIDYuODA1IDE1ek0xMiAxNWEzIDMgMCAxIDEgMC02IDMgMyAwIDAgMSAwIDZ6bTAtMmExIDEgMCAxIDAgMC0yIDEgMSAwIDAgMCAwIDJ6IiBmaWxsPSJyZ2JhKDIyOSw5LDIwLDEpIi8+PC9zdmc+"); | |
| } | |
| /* | |
| Ícone de Qualidade. | |
| */ | |
| .jw-svg-icon-quality-100 path { | |
| display: none; | |
| } | |
| .jw-svg-icon-quality-100 { | |
| background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgd2lkdGg9IjY0IiBoZWlnaHQ9IjY0Ij48cGF0aCBmaWxsPSJub25lIiBkPSJNMCAwaDI0djI0SDB6Ii8+PHBhdGggZD0iTTQgNXYxNGgxNlY1SDR6TTMgM2gxOGExIDEgMCAwIDEgMSAxdjE2YTEgMSAwIDAgMS0xIDFIM2ExIDEgMCAwIDEtMS0xVjRhMSAxIDAgMCAxIDEtMXptNC41IDguMjVoMlY5SDExdjZIOS41di0yLjI1aC0yVjE1SDZWOWgxLjV2Mi4yNXptNy0uNzV2M0gxNmEuNS41IDAgMCAwIC41LS41di0yYS41LjUgMCAwIDAtLjUtLjVoLTEuNXpNMTMgOWgzYTIgMiAwIDAgMSAyIDJ2MmEyIDIgMCAwIDEtMiAyaC0zVjl6IiBmaWxsPSJyZ2JhKDI0NywyNDYsMjQ3LDEpIi8+PC9zdmc+"); | |
| background-size: contain; | |
| background-repeat: no-repeat; | |
| } | |
| .jwplayer.jw-skin-netflix .jw-submenu-quality:hover .jw-svg-icon-quality-100 { | |
| background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgd2lkdGg9IjY0IiBoZWlnaHQ9IjY0Ij48cGF0aCBmaWxsPSJub25lIiBkPSJNMCAwaDI0djI0SDB6Ii8+PHBhdGggZD0iTTQgNXYxNGgxNlY1SDR6TTMgM2gxOGExIDEgMCAwIDEgMSAxdjE2YTEgMSAwIDAgMS0xIDFIM2ExIDEgMCAwIDEtMS0xVjRhMSAxIDAgMCAxIDEtMXptNC41IDguMjVoMlY5SDExdjZIOS41di0yLjI1aC0yVjE1SDZWOWgxLjV2Mi4yNXptNy0uNzV2M0gxNmEuNS41IDAgMCAwIC41LS41di0yYS41LjUgMCAwIDAtLjUtLjVoLTEuNXpNMTMgOWgzYTIgMiAwIDAgMSAyIDJ2MmEyIDIgMCAwIDEtMiAyaC0zVjl6IiBmaWxsPSJyZ2JhKDIyOSw5LDIwLDEpIi8+PC9zdmc+"); | |
| } | |
| /* | |
| Ícone de Fechar. | |
| */ | |
| .jw-svg-icon-close path { | |
| display: none; | |
| } | |
| .jw-svg-icon-close { | |
| background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgd2lkdGg9IjY0IiBoZWlnaHQ9IjY0Ij48cGF0aCBmaWxsPSJub25lIiBkPSJNMCAwaDI0djI0SDB6Ii8+PHBhdGggZD0iTTEyIDEwLjU4Nmw0Ljk1LTQuOTUgMS40MTQgMS40MTQtNC45NSA0Ljk1IDQuOTUgNC45NS0xLjQxNCAxLjQxNC00Ljk1LTQuOTUtNC45NSA0Ljk1LTEuNDE0LTEuNDE0IDQuOTUtNC45NS00Ljk1LTQuOTVMNy4wNSA1LjYzNnoiIGZpbGw9InJnYmEoMjQ3LDI0NiwyNDcsMSkiLz48L3N2Zz4="); | |
| background-size: contain; | |
| background-repeat: no-repeat; | |
| } | |
| .jw-settings-close:hover .jw-svg-icon-close { | |
| background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgd2lkdGg9IjY0IiBoZWlnaHQ9IjY0Ij48cGF0aCBmaWxsPSJub25lIiBkPSJNMCAwaDI0djI0SDB6Ii8+PHBhdGggZD0iTTEyIDEwLjU4Nmw0Ljk1LTQuOTUgMS40MTQgMS40MTQtNC45NSA0Ljk1IDQuOTUgNC45NS0xLjQxNCAxLjQxNC00Ljk1LTQuOTUtNC45NSA0Ljk1LTEuNDE0LTEuNDE0IDQuOTUtNC45NS00Ljk1LTQuOTVMNy4wNSA1LjYzNnoiIGZpbGw9InJnYmEoMjI5LDksMjAsMSkiLz48L3N2Zz4="); | |
| } | |
| /* | |
| Ícone de Legenda. | |
| */ | |
| .jw-svg-icon-cc-off path { | |
| display: none; | |
| } | |
| .jw-svg-icon-cc-off { | |
| background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgd2lkdGg9IjY0IiBoZWlnaHQ9IjY0Ij48cGF0aCBmaWxsPSJub25lIiBkPSJNMCAwSDI0VjI0SDB6Ii8+PHBhdGggZD0iTTIxIDNjLjU1MiAwIDEgLjQ0OCAxIDF2MTZjMCAuNTUyLS40NDggMS0xIDFIM2MtLjU1MiAwLTEtLjQ0OC0xLTFWNGMwLS41NTIuNDQ4LTEgMS0xaDE4em0tMSAySDR2MTRoMTZWNXpNOSA4YzEuMTA1IDAgMi4xMDUuNDQ4IDIuODI5IDEuMTczbC0xLjQxNCAxLjQxNEMxMC4wNTMgMTAuMjI0IDkuNTUzIDEwIDkgMTBjLTEuMTA1IDAtMiAuODk1LTIgMnMuODk1IDIgMiAyYy41NTMgMCAxLjA1My0uMjI0IDEuNDE0LS41ODZsMS40MTQgMS40MTRDMTEuMTA0IDE1LjU1MiAxMC4xMDQgMTYgOSAxNmMtMi4yMDggMC00LTEuNzkyLTQtNHMxLjc5Mi00IDQtNHptNyAwYzEuMTA1IDAgMi4xMDUuNDQ4IDIuODI5IDEuMTczbC0xLjQxNCAxLjQxNEMxNy4wNTMgMTAuMjI0IDE2LjU1MyAxMCAxNiAxMGMtMS4xMDUgMC0yIC44OTUtMiAycy44OTUgMiAyIDJjLjU1MiAwIDEuMDUyLS4yMjQgMS40MTQtLjU4NmwxLjQxNCAxLjQxNEMxOC4xMDQgMTUuNTUyIDE3LjEwNCAxNiAxNiAxNmMtMi4yMDggMC00LTEuNzkyLTQtNHMxLjc5Mi00IDQtNHoiIGZpbGw9InJnYmEoMjQ3LDI0NiwyNDcsMSkiLz48L3N2Zz4="); | |
| background-size: contain; | |
| background-repeat: no-repeat; | |
| } | |
| .jwplayer.jw-skin-netflix .jw-submenu-captions:hover .jw-svg-icon-cc-off { | |
| background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgd2lkdGg9IjY0IiBoZWlnaHQ9IjY0Ij48cGF0aCBmaWxsPSJub25lIiBkPSJNMCAwSDI0VjI0SDB6Ii8+PHBhdGggZD0iTTIxIDNjLjU1MiAwIDEgLjQ0OCAxIDF2MTZjMCAuNTUyLS40NDggMS0xIDFIM2MtLjU1MiAwLTEtLjQ0OC0xLTFWNGMwLS41NTIuNDQ4LTEgMS0xaDE4em0tMSAySDR2MTRoMTZWNXpNOSA4YzEuMTA1IDAgMi4xMDUuNDQ4IDIuODI5IDEuMTczbC0xLjQxNCAxLjQxNEMxMC4wNTMgMTAuMjI0IDkuNTUzIDEwIDkgMTBjLTEuMTA1IDAtMiAuODk1LTIgMnMuODk1IDIgMiAyYy41NTMgMCAxLjA1My0uMjI0IDEuNDE0LS41ODZsMS40MTQgMS40MTRDMTEuMTA0IDE1LjU1MiAxMC4xMDQgMTYgOSAxNmMtMi4yMDggMC00LTEuNzkyLTQtNHMxLjc5Mi00IDQtNHptNyAwYzEuMTA1IDAgMi4xMDUuNDQ4IDIuODI5IDEuMTczbC0xLjQxNCAxLjQxNEMxNy4wNTMgMTAuMjI0IDE2LjU1MyAxMCAxNiAxMGMtMS4xMDUgMC0yIC44OTUtMiAycy44OTUgMiAyIDJjLjU1MiAwIDEuMDUyLS4yMjQgMS40MTQtLjU4NmwxLjQxNCAxLjQxNEMxOC4xMDQgMTUuNTUyIDE3LjEwNCAxNiAxNiAxNmMtMi4yMDggMC00LTEuNzkyLTQtNHMxLjc5Mi00IDQtNHoiIGZpbGw9InJnYmEoMjI5LDksMjAsMSkiLz48L3N2Zz4="); | |
| } | |
| .jw-icon-cc .jw-svg-icon-cc-off path { | |
| display: none; | |
| } | |
| .jw-icon-cc .jw-svg-icon-cc-off { | |
| background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgd2lkdGg9IjY0IiBoZWlnaHQ9IjY0Ij48cGF0aCBmaWxsPSJub25lIiBkPSJNMCAwSDI0VjI0SDB6Ii8+PHBhdGggZD0iTTIxIDNjLjU1MiAwIDEgLjQ0OCAxIDF2MTZjMCAuNTUyLS40NDggMS0xIDFIM2MtLjU1MiAwLTEtLjQ0OC0xLTFWNGMwLS41NTIuNDQ4LTEgMS0xaDE4em0tMSAySDR2MTRoMTZWNXpNOSA4YzEuMTA1IDAgMi4xMDUuNDQ4IDIuODI5IDEuMTczbC0xLjQxNCAxLjQxNEMxMC4wNTMgMTAuMjI0IDkuNTUzIDEwIDkgMTBjLTEuMTA1IDAtMiAuODk1LTIgMnMuODk1IDIgMiAyYy41NTMgMCAxLjA1My0uMjI0IDEuNDE0LS41ODZsMS40MTQgMS40MTRDMTEuMTA0IDE1LjU1MiAxMC4xMDQgMTYgOSAxNmMtMi4yMDggMC00LTEuNzkyLTQtNHMxLjc5Mi00IDQtNHptNyAwYzEuMTA1IDAgMi4xMDUuNDQ4IDIuODI5IDEuMTczbC0xLjQxNCAxLjQxNEMxNy4wNTMgMTAuMjI0IDE2LjU1MyAxMCAxNiAxMGMtMS4xMDUgMC0yIC44OTUtMiAycy44OTUgMiAyIDJjLjU1MiAwIDEuMDUyLS4yMjQgMS40MTQtLjU4NmwxLjQxNCAxLjQxNEMxOC4xMDQgMTUuNTUyIDE3LjEwNCAxNiAxNiAxNmMtMi4yMDggMC00LTEuNzkyLTQtNHMxLjc5Mi00IDQtNHoiIGZpbGw9InJnYmEoMjQ3LDI0NiwyNDcsMSkiLz48L3N2Zz4="); | |
| background-size: contain; | |
| background-repeat: no-repeat; | |
| } | |
| .jw-icon-cc:hover .jw-svg-icon-cc-off { | |
| background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgd2lkdGg9IjY0IiBoZWlnaHQ9IjY0Ij48cGF0aCBmaWxsPSJub25lIiBkPSJNMCAwSDI0VjI0SDB6Ii8+PHBhdGggZD0iTTIxIDNjLjU1MiAwIDEgLjQ0OCAxIDF2MTZjMCAuNTUyLS40NDggMS0xIDFIM2MtLjU1MiAwLTEtLjQ0OC0xLTFWNGMwLS41NTIuNDQ4LTEgMS0xaDE4em0tMSAySDR2MTRoMTZWNXpNOSA4YzEuMTA1IDAgMi4xMDUuNDQ4IDIuODI5IDEuMTczbC0xLjQxNCAxLjQxNEMxMC4wNTMgMTAuMjI0IDkuNTUzIDEwIDkgMTBjLTEuMTA1IDAtMiAuODk1LTIgMnMuODk1IDIgMiAyYy41NTMgMCAxLjA1My0uMjI0IDEuNDE0LS41ODZsMS40MTQgMS40MTRDMTEuMTA0IDE1LjU1MiAxMC4xMDQgMTYgOSAxNmMtMi4yMDggMC00LTEuNzkyLTQtNHMxLjc5Mi00IDQtNHptNyAwYzEuMTA1IDAgMi4xMDUuNDQ4IDIuODI5IDEuMTczbC0xLjQxNCAxLjQxNEMxNy4wNTMgMTAuMjI0IDE2LjU1MyAxMCAxNiAxMGMtMS4xMDUgMC0yIC44OTUtMiAycy44OTUgMiAyIDJjLjU1MiAwIDEuMDUyLS4yMjQgMS40MTQtLjU4NmwxLjQxNCAxLjQxNEMxOC4xMDQgMTUuNTUyIDE3LjEwNCAxNiAxNiAxNmMtMi4yMDggMC00LTEuNzkyLTQtNHMxLjc5Mi00IDQtNHoiIGZpbGw9InJnYmEoMjI5LDksMjAsMSkiLz48L3N2Zz4="); | |
| } | |
| .jw-icon-cc .jw-svg-icon-cc-on path { | |
| display: none; | |
| } | |
| .jw-icon-cc .jw-svg-icon-cc-on { | |
| background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgd2lkdGg9IjY0IiBoZWlnaHQ9IjY0Ij48cGF0aCBmaWxsPSJub25lIiBkPSJNMCAwSDI0VjI0SDB6Ii8+PHBhdGggZD0iTTIxIDNjLjU1MiAwIDEgLjQ0OCAxIDF2MTZjMCAuNTUyLS40NDggMS0xIDFIM2MtLjU1MiAwLTEtLjQ0OC0xLTFWNGMwLS41NTIuNDQ4LTEgMS0xaDE4ek05IDhjLTIuMjA4IDAtNCAxLjc5Mi00IDRzMS43OTIgNCA0IDRjMS4xIDAgMi4xLS40NSAyLjgyOC0xLjE3MmwtMS40MTQtMS40MTRDMTAuMDUzIDEzLjc3NiA5LjU1MyAxNCA5IDE0Yy0xLjEwNSAwLTItLjg5NS0yLTJzLjg5NS0yIDItMmMuNTUgMCAxLjA0OC4yMiAxLjQxNS41ODdsMS40MTQtMS40MTRDMTEuMTA1IDguNDQ4IDEwLjEwNSA4IDkgOHptNyAwYy0yLjIwOCAwLTQgMS43OTItNCA0czEuNzkyIDQgNCA0YzEuMTA0IDAgMi4xMDQtLjQ0OCAyLjgyOC0xLjE3MmwtMS40MTQtMS40MTRjLS4zNjIuMzYyLS44NjIuNTg2LTEuNDE0LjU4Ni0xLjEwNSAwLTItLjg5NS0yLTJzLjg5NS0yIDItMmMuNTUzIDAgMS4wNTMuMjI0IDEuNDE1LjU4N2wxLjQxNC0xLjQxNEMxOC4xMDUgOC40NDggMTcuMTA1IDggMTYgOHoiIGZpbGw9InJnYmEoMjQ3LDI0NiwyNDcsMSkiLz48L3N2Zz4="); | |
| background-size: contain; | |
| background-repeat: no-repeat; | |
| } | |
| .jw-icon-cc:hover .jw-svg-icon-cc-on { | |
| background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgd2lkdGg9IjY0IiBoZWlnaHQ9IjY0Ij48cGF0aCBmaWxsPSJub25lIiBkPSJNMCAwSDI0VjI0SDB6Ii8+PHBhdGggZD0iTTIxIDNjLjU1MiAwIDEgLjQ0OCAxIDF2MTZjMCAuNTUyLS40NDggMS0xIDFIM2MtLjU1MiAwLTEtLjQ0OC0xLTFWNGMwLS41NTIuNDQ4LTEgMS0xaDE4ek05IDhjLTIuMjA4IDAtNCAxLjc5Mi00IDRzMS43OTIgNCA0IDRjMS4xIDAgMi4xLS40NSAyLjgyOC0xLjE3MmwtMS40MTQtMS40MTRDMTAuMDUzIDEzLjc3NiA5LjU1MyAxNCA5IDE0Yy0xLjEwNSAwLTItLjg5NS0yLTJzLjg5NS0yIDItMmMuNTUgMCAxLjA0OC4yMiAxLjQxNS41ODdsMS40MTQtMS40MTRDMTEuMTA1IDguNDQ4IDEwLjEwNSA4IDkgOHptNyAwYy0yLjIwOCAwLTQgMS43OTItNCA0czEuNzkyIDQgNCA0YzEuMTA0IDAgMi4xMDQtLjQ0OCAyLjgyOC0xLjE3MmwtMS40MTQtMS40MTRjLS4zNjIuMzYyLS44NjIuNTg2LTEuNDE0LjU4Ni0xLjEwNSAwLTItLjg5NS0yLTJzLjg5NS0yIDItMmMuNTUzIDAgMS4wNTMuMjI0IDEuNDE1LjU4N2wxLjQxNC0xLjQxNEMxOC4xMDUgOC40NDggMTcuMTA1IDggMTYgOHoiIGZpbGw9InJnYmEoMjI5LDksMjAsMSkiLz48L3N2Zz4="); | |
| } | |
| /* | |
| Ícone de Volume. | |
| */ | |
| .jw-svg-icon-volume-100 path { | |
| display: none; | |
| } | |
| .jw-svg-icon-volume-100 { | |
| background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgd2lkdGg9IjY0IiBoZWlnaHQ9IjY0Ij48cGF0aCBmaWxsPSJub25lIiBkPSJNMCAwaDI0djI0SDB6Ii8+PHBhdGggZD0iTTEwIDcuMjJMNi42MDMgMTBIM3Y0aDMuNjAzTDEwIDE2Ljc4VjcuMjJ6TTUuODg5IDE2SDJhMSAxIDAgMCAxLTEtMVY5YTEgMSAwIDAgMSAxLTFoMy44ODlsNS4yOTQtNC4zMzJhLjUuNSAwIDAgMSAuODE3LjM4N3YxNS44OWEuNS41IDAgMCAxLS44MTcuMzg3TDUuODkgMTZ6bTEzLjUxNyA0LjEzNGwtMS40MTYtMS40MTZBOC45NzggOC45NzggMCAwIDAgMjEgMTJhOC45ODIgOC45ODIgMCAwIDAtMy4zMDQtNi45NjhsMS40Mi0xLjQyQTEwLjk3NiAxMC45NzYgMCAwIDEgMjMgMTJjMCAzLjIyMy0xLjM4NiA2LjEyMi0zLjU5NCA4LjEzNHptLTMuNTQzLTMuNTQzbC0xLjQyMi0xLjQyMkEzLjk5MyAzLjk5MyAwIDAgMCAxNiAxMmMwLTEuNDMtLjc1LTIuNjg1LTEuODgtMy4zOTJsMS40MzktMS40MzlBNS45OTEgNS45OTEgMCAwIDEgMTggMTJjMCAxLjg0Mi0uODMgMy40OS0yLjEzNyA0LjU5MXoiIGZpbGw9InJnYmEoMjQ3LDI0NiwyNDcsMSkiLz48L3N2Zz4="); | |
| background-size: contain; | |
| background-repeat: no-repeat; | |
| } | |
| .jw-icon-volume:hover .jw-svg-icon-volume-100 { | |
| background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgd2lkdGg9IjY0IiBoZWlnaHQ9IjY0Ij48cGF0aCBmaWxsPSJub25lIiBkPSJNMCAwaDI0djI0SDB6Ii8+PHBhdGggZD0iTTEwIDcuMjJMNi42MDMgMTBIM3Y0aDMuNjAzTDEwIDE2Ljc4VjcuMjJ6TTUuODg5IDE2SDJhMSAxIDAgMCAxLTEtMVY5YTEgMSAwIDAgMSAxLTFoMy44ODlsNS4yOTQtNC4zMzJhLjUuNSAwIDAgMSAuODE3LjM4N3YxNS44OWEuNS41IDAgMCAxLS44MTcuMzg3TDUuODkgMTZ6bTEzLjUxNyA0LjEzNGwtMS40MTYtMS40MTZBOC45NzggOC45NzggMCAwIDAgMjEgMTJhOC45ODIgOC45ODIgMCAwIDAtMy4zMDQtNi45NjhsMS40Mi0xLjQyQTEwLjk3NiAxMC45NzYgMCAwIDEgMjMgMTJjMCAzLjIyMy0xLjM4NiA2LjEyMi0zLjU5NCA4LjEzNHptLTMuNTQzLTMuNTQzbC0xLjQyMi0xLjQyMkEzLjk5MyAzLjk5MyAwIDAgMCAxNiAxMmMwLTEuNDMtLjc1LTIuNjg1LTEuODgtMy4zOTJsMS40MzktMS40MzlBNS45OTEgNS45OTEgMCAwIDEgMTggMTJjMCAxLjg0Mi0uODMgMy40OS0yLjEzNyA0LjU5MXoiIGZpbGw9InJnYmEoMjI5LDksMjAsMSkiLz48L3N2Zz4="); | |
| } | |
| .jw-svg-icon-volume-50 path { | |
| display: none; | |
| } | |
| .jw-svg-icon-volume-50 { | |
| background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgd2lkdGg9IjY0IiBoZWlnaHQ9IjY0Ij48cGF0aCBmaWxsPSJub25lIiBkPSJNMCAwaDI0djI0SDB6Ii8+PHBhdGggZD0iTTEzIDcuMjJMOS42MDMgMTBINnY0aDMuNjAzTDEzIDE2Ljc4VjcuMjJ6TTguODg5IDE2SDVhMSAxIDAgMCAxLTEtMVY5YTEgMSAwIDAgMSAxLTFoMy44ODlsNS4yOTQtNC4zMzJhLjUuNSAwIDAgMSAuODE3LjM4N3YxNS44OWEuNS41IDAgMCAxLS44MTcuMzg3TDguODkgMTZ6bTkuOTc0LjU5MWwtMS40MjItMS40MjJBMy45OTMgMy45OTMgMCAwIDAgMTkgMTJjMC0xLjQzLS43NS0yLjY4NS0xLjg4LTMuMzkybDEuNDM5LTEuNDM5QTUuOTkxIDUuOTkxIDAgMCAxIDIxIDEyYzAgMS44NDItLjgzIDMuNDktMi4xMzcgNC41OTF6IiBmaWxsPSJyZ2JhKDI0NywyNDYsMjQ3LDEpIi8+PC9zdmc+"); | |
| background-size: contain; | |
| background-repeat: no-repeat; | |
| } | |
| .jw-icon-volume:hover .jw-svg-icon-volume-50 { | |
| background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgd2lkdGg9IjY0IiBoZWlnaHQ9IjY0Ij48cGF0aCBmaWxsPSJub25lIiBkPSJNMCAwaDI0djI0SDB6Ii8+PHBhdGggZD0iTTEzIDcuMjJMOS42MDMgMTBINnY0aDMuNjAzTDEzIDE2Ljc4VjcuMjJ6TTguODg5IDE2SDVhMSAxIDAgMCAxLTEtMVY5YTEgMSAwIDAgMSAxLTFoMy44ODlsNS4yOTQtNC4zMzJhLjUuNSAwIDAgMSAuODE3LjM4N3YxNS44OWEuNS41IDAgMCAxLS44MTcuMzg3TDguODkgMTZ6bTkuOTc0LjU5MWwtMS40MjItMS40MjJBMy45OTMgMy45OTMgMCAwIDAgMTkgMTJjMC0xLjQzLS43NS0yLjY4NS0xLjg4LTMuMzkybDEuNDM5LTEuNDM5QTUuOTkxIDUuOTkxIDAgMCAxIDIxIDEyYzAgMS44NDItLjgzIDMuNDktMi4xMzcgNC41OTF6IiBmaWxsPSJyZ2JhKDIyOSw5LDIwLDEpIi8+PC9zdmc+"); | |
| } | |
| .jw-svg-icon-volume-0 path { | |
| display: none; | |
| } | |
| .jw-svg-icon-volume-0 { | |
| background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgd2lkdGg9IjY0IiBoZWlnaHQ9IjY0Ij48cGF0aCBmaWxsPSJub25lIiBkPSJNMCAwaDI0djI0SDB6Ii8+PHBhdGggZD0iTTEwIDcuMjJMNi42MDMgMTBIM3Y0aDMuNjAzTDEwIDE2Ljc4VjcuMjJ6TTUuODg5IDE2SDJhMSAxIDAgMCAxLTEtMVY5YTEgMSAwIDAgMSAxLTFoMy44ODlsNS4yOTQtNC4zMzJhLjUuNSAwIDAgMSAuODE3LjM4N3YxNS44OWEuNS41IDAgMCAxLS44MTcuMzg3TDUuODkgMTZ6bTE0LjUyNS00bDMuNTM2IDMuNTM2LTEuNDE0IDEuNDE0TDE5IDEzLjQxNGwtMy41MzYgMy41MzYtMS40MTQtMS40MTRMMTcuNTg2IDEyIDE0LjA1IDguNDY0bDEuNDE0LTEuNDE0TDE5IDEwLjU4NmwzLjUzNi0zLjUzNiAxLjQxNCAxLjQxNEwyMC40MTQgMTJ6IiBmaWxsPSJyZ2JhKDI0NywyNDYsMjQ3LDEpIi8+PC9zdmc+"); | |
| background-size: contain; | |
| background-repeat: no-repeat; | |
| } | |
| .jw-icon-volume:hover .jw-svg-icon-volume-0 { | |
| background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgd2lkdGg9IjY0IiBoZWlnaHQ9IjY0Ij48cGF0aCBmaWxsPSJub25lIiBkPSJNMCAwaDI0djI0SDB6Ii8+PHBhdGggZD0iTTEwIDcuMjJMNi42MDMgMTBIM3Y0aDMuNjAzTDEwIDE2Ljc4VjcuMjJ6TTUuODg5IDE2SDJhMSAxIDAgMCAxLTEtMVY5YTEgMSAwIDAgMSAxLTFoMy44ODlsNS4yOTQtNC4zMzJhLjUuNSAwIDAgMSAuODE3LjM4N3YxNS44OWEuNS41IDAgMCAxLS44MTcuMzg3TDUuODkgMTZ6bTE0LjUyNS00bDMuNTM2IDMuNTM2LTEuNDE0IDEuNDE0TDE5IDEzLjQxNGwtMy41MzYgMy41MzYtMS40MTQtMS40MTRMMTcuNTg2IDEyIDE0LjA1IDguNDY0bDEuNDE0LTEuNDE0TDE5IDEwLjU4NmwzLjUzNi0zLjUzNiAxLjQxNCAxLjQxNEwyMC40MTQgMTJ6IiBmaWxsPSJyZ2JhKDIyOSw5LDIwLDEpIi8+PC9zdmc+"); | |
| } | |
| /* | |
| Ícone de Tela Cheia. | |
| */ | |
| .jw-svg-icon-fullscreen-on path { | |
| display: none; | |
| } | |
| .jw-svg-icon-fullscreen-on { | |
| background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgd2lkdGg9IjY0IiBoZWlnaHQ9IjY0Ij48cGF0aCBmaWxsPSJub25lIiBkPSJNMCAwaDI0djI0SDB6Ii8+PHBhdGggZD0iTTIwIDNoMnY2aC0yVjVoLTRWM2g0ek00IDNoNHYySDR2NEgyVjNoMnptMTYgMTZ2LTRoMnY2aC02di0yaDR6TTQgMTloNHYySDJ2LTZoMnY0eiIgZmlsbD0icmdiYSgyNDcsMjQ2LDI0NywxKSIvPjwvc3ZnPg=="); | |
| background-size: contain; | |
| background-repeat: no-repeat; | |
| } | |
| .jw-icon-fullscreen:hover .jw-svg-icon-fullscreen-on { | |
| background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgd2lkdGg9IjY0IiBoZWlnaHQ9IjY0Ij48cGF0aCBmaWxsPSJub25lIiBkPSJNMCAwaDI0djI0SDB6Ii8+PHBhdGggZD0iTTIwIDNoMnY2aC0yVjVoLTRWM2g0ek00IDNoNHYySDR2NEgyVjNoMnptMTYgMTZ2LTRoMnY2aC02di0yaDR6TTQgMTloNHYySDJ2LTZoMnY0eiIgZmlsbD0icmdiYSgyMjksOSwyMCwxKSIvPjwvc3ZnPg=="); | |
| } | |
| .jw-svg-icon-fullscreen-off path { | |
| display: none; | |
| } | |
| .jw-svg-icon-fullscreen-off { | |
| background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgd2lkdGg9IjY0IiBoZWlnaHQ9IjY0Ij48cGF0aCBmaWxsPSJub25lIiBkPSJNMCAwaDI0djI0SDB6Ii8+PHBhdGggZD0iTTE4IDdoNHYyaC02VjNoMnY0ek04IDlIMlY3aDRWM2gydjZ6bTEwIDh2NGgtMnYtNmg2djJoLTR6TTggMTV2Nkg2di00SDJ2LTJoNnoiIGZpbGw9InJnYmEoMjQ3LDI0NiwyNDcsMSkiLz48L3N2Zz4="); | |
| background-size: contain; | |
| background-repeat: no-repeat; | |
| } | |
| .jw-icon-fullscreen:hover .jw-svg-icon-fullscreen-off { | |
| background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgd2lkdGg9IjY0IiBoZWlnaHQ9IjY0Ij48cGF0aCBmaWxsPSJub25lIiBkPSJNMCAwaDI0djI0SDB6Ii8+PHBhdGggZD0iTTE4IDdoNHYyaC02VjNoMnY0ek04IDlIMlY3aDRWM2gydjZ6bTEwIDh2NGgtMnYtNmg2djJoLTR6TTggMTV2Nkg2di00SDJ2LTJoNnoiIGZpbGw9InJnYmEoMjI5LDksMjAsMSkiLz48L3N2Zz4="); | |
| } | |
| /* Added New Icons - 03-31-22 */ | |
| .jwplayer.jw-skin-netflix .jw-settings-sharing .jw-svg-icon-sharing path { | |
| display: none; | |
| } | |
| .jwplayer.jw-skin-netflix .jw-settings-sharing .jw-svg-icon-sharing { | |
| background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgd2lkdGg9IjY0IiBoZWlnaHQ9IjY0Ij48cGF0aCBmaWxsPSJub25lIiBkPSJNMCAwaDI0djI0SDB6Ii8+PHBhdGggZD0iTTEzLjEyIDE3LjAyM2wtNC4xOTktMi4yOWE0IDQgMCAxIDEgMC01LjQ2NWw0LjItMi4yOWE0IDQgMCAxIDEgLjk1OSAxLjc1NWwtNC4yIDIuMjlhNC4wMDggNC4wMDggMCAwIDEgMCAxLjk1NGw0LjE5OSAyLjI5YTQgNCAwIDEgMS0uOTU5IDEuNzU1ek02IDE0YTIgMiAwIDEgMCAwLTQgMiAyIDAgMCAwIDAgNHptMTEtNmEyIDIgMCAxIDAgMC00IDIgMiAwIDAgMCAwIDR6bTAgMTJhMiAyIDAgMSAwIDAtNCAyIDIgMCAwIDAgMCA0eiIgZmlsbD0icmdiYSgyNDcsMjQ2LDI0NywxKSIvPjwvc3ZnPg=="); | |
| background-repeat: no-repeat; | |
| background-position: center; | |
| -webkit-transition: 0.2s; | |
| transition: 0.2s; | |
| background-size: 100%; | |
| } | |
| .jwplayer.jw-skin-netflix .jw-settings-sharing:hover .jw-svg-icon-sharing { | |
| background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgd2lkdGg9IjY0IiBoZWlnaHQ9IjY0Ij48cGF0aCBmaWxsPSJub25lIiBkPSJNMCAwaDI0djI0SDB6Ii8+PHBhdGggZD0iTTEzLjEyIDE3LjAyM2wtNC4xOTktMi4yOWE0IDQgMCAxIDEgMC01LjQ2NWw0LjItMi4yOWE0IDQgMCAxIDEgLjk1OSAxLjc1NWwtNC4yIDIuMjlhNC4wMDggNC4wMDggMCAwIDEgMCAxLjk1NGw0LjE5OSAyLjI5YTQgNCAwIDEgMS0uOTU5IDEuNzU1ek02IDE0YTIgMiAwIDEgMCAwLTQgMiAyIDAgMCAwIDAgNHptMTEtNmEyIDIgMCAxIDAgMC00IDIgMiAwIDAgMCAwIDR6bTAgMTJhMiAyIDAgMSAwIDAtNCAyIDIgMCAwIDAgMCA0eiIgZmlsbD0icmdiYSgyMjksOSwyMCwxKSIvPjwvc3ZnPg=="); | |
| background-repeat: no-repeat; | |
| background-position: center; | |
| -webkit-transition: 0.2s; | |
| transition: 0.2s; | |
| background-size: 100%; | |
| } |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <link href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.4.1/css/bootstrap.min.css" rel="stylesheet" /> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment