diff --git a/src/components/htmlvideoplayer/style.css b/src/components/htmlvideoplayer/style.css
index 44818db9fd..9550f2c873 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,15 +35,15 @@
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: 0.14em 0.14em 0.14em rgba(0, 0, 0, 1);
+ -webkit-font-smoothing: antialiased;
+ font-family: inherit;
+}
.htmlvideoplayer-moveupsubtitles::-webkit-media-text-track-display {
- /*Style the text itself*/
+ /* style the text itself */
margin-top: -2em;
}
@@ -55,15 +59,15 @@
.videoSubtitlesInner {
max-width: 70%;
- background-color: rgba(0,0,0,.8);
- padding: .25em;
+ background-color: rgba(0, 0, 0, 0.8);
+ padding: 0.25em;
margin: auto;
display: inline-block;
}
@keyframes htmlvideoplayer-zoomin {
from {
- transform: scale3d(.2, .2, .2);
+ transform: scale3d(0.2, 0.2, 0.2);
opacity: .6;
}