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;