hiding default browser controls

This commit is contained in:
grafixeyehero 2019-09-26 21:20:15 +03:00
parent 350463a1e7
commit 5d6e6c5db9

View File

@ -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;