milas/jellyfish-web
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Merge pull request #468 from grafixeyehero/htmlvideoplayer

Browse source 
Fix Duplicate loading animation
This commit is contained in:
dkanada 2019-10-01 01:09:41 +09:00 • committed by GitHub
commit e7610b0e4a
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 17 additions and 13 deletions
Download patch file Download diff file Expand all files Collapse all files

30
src/components/htmlvideoplayer/style.css
View file

@ -8,9 +8,9 @@
align-items: center; align-items: center;
} }
.videoPlayerContainer:not(.videoPlayerContainer-withBackdrop) { .videoPlayerContainer:not(.videoPlayerContainer-withBackdrop) {
background: #000 !important; background: #000 !important;
} }
.videoPlayerContainer-withBackdrop { .videoPlayerContainer-withBackdrop {
background-repeat: no-repeat; background-repeat: no-repeat;
@ -24,6 +24,10 @@
z-index: 1000; z-index: 1000;
} }
video::-webkit-media-controls {
display: none !important;
}
.htmlvideoplayer { .htmlvideoplayer {
margin: 0 !important; margin: 0 !important;
padding: 0 !important; padding: 0 !important;
@ -31,15 +35,15 @@
height: 100%; height: 100%;
} }
.htmlvideoplayer::cue { .htmlvideoplayer::cue {
background-color: transparent; background-color: transparent;
text-shadow: .14em .14em .14em rgba(0, 0, 0, 1); text-shadow: 0.14em 0.14em 0.14em rgba(0, 0, 0, 1);
-webkit-font-smoothing: antialiased; -webkit-font-smoothing: antialiased;
font-family: inherit; font-family: inherit;
} }
.htmlvideoplayer-moveupsubtitles::-webkit-media-text-track-display { .htmlvideoplayer-moveupsubtitles::-webkit-media-text-track-display {
/*Style the text itself*/ /* style the text itself */
margin-top: -2em; margin-top: -2em;
} }
@ -55,15 +59,15 @@
.videoSubtitlesInner { .videoSubtitlesInner {
max-width: 70%; max-width: 70%;
background-color: rgba(0,0,0,.8); background-color: rgba(0, 0, 0, 0.8);
padding: .25em; padding: 0.25em;
margin: auto; margin: auto;
display: inline-block; display: inline-block;
} }
@keyframes htmlvideoplayer-zoomin { @keyframes htmlvideoplayer-zoomin {
from { from {
transform: scale3d(.2, .2, .2); transform: scale3d(0.2, 0.2, 0.2);
opacity: .6; opacity: .6;
} }