diff --git a/src/components/htmlvideoplayer/style.css b/src/components/htmlvideoplayer/style.css index 44818db9fd..6397090733 100644 --- a/src/components/htmlvideoplayer/style.css +++ b/src/components/htmlvideoplayer/style.css @@ -8,9 +8,9 @@ align-items: center; } - .videoPlayerContainer:not(.videoPlayerContainer-withBackdrop) { - background: #000 !important; - } +.videoPlayerContainer:not(.videoPlayerContainer-withBackdrop) { + background: #000 !important; +} .videoPlayerContainer-withBackdrop { background-repeat: no-repeat; @@ -24,6 +24,10 @@ z-index: 1000; } +video::-webkit-media-controls { + display:none !important; +} + .htmlvideoplayer { margin: 0 !important; padding: 0 !important; @@ -31,12 +35,12 @@ height: 100%; } - .htmlvideoplayer::cue { - background-color: transparent; - text-shadow: .14em .14em .14em rgba(0, 0, 0, 1); - -webkit-font-smoothing: antialiased; - font-family: inherit; - } +.htmlvideoplayer::cue { + background-color: transparent; + text-shadow: .14em .14em .14em rgba(0, 0, 0, 1); + -webkit-font-smoothing: antialiased; + font-family: inherit; +} .htmlvideoplayer-moveupsubtitles::-webkit-media-text-track-display { /*Style the text itself*/ @@ -55,7 +59,7 @@ .videoSubtitlesInner { max-width: 70%; - background-color: rgba(0,0,0,.8); + background-color: rgba(0, 0, 0, .8); padding: .25em; margin: auto; display: inline-block;