cotugno/jellyfin-web
2
Fork 0
mirror of https://github.com/jellyfin/jellyfin-web.git synced 2024-11-17 02:48:19 -07:00
Code Issues Packages Projects Releases 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
Show Stats 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;
}
.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;
}