Set backdrops using 'poster' attribute
This commit is contained in:
parent
7bf117191b
commit
7a63c07250
2 changed files with 3 additions and 24 deletions
|
@ -6,20 +6,9 @@
|
|||
right: 0;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.videoPlayerContainer:not(.videoPlayerContainer-withBackdrop) {
|
||||
background: #000 !important;
|
||||
}
|
||||
|
||||
.videoPlayerContainer-withBackdrop {
|
||||
background-repeat: no-repeat;
|
||||
background-position: center center;
|
||||
background-size: cover;
|
||||
background-attachment: fixed;
|
||||
background-color: #000;
|
||||
}
|
||||
|
||||
.videoPlayerContainer-onTop {
|
||||
z-index: 1000;
|
||||
}
|
||||
|
@ -74,7 +63,6 @@ video::-webkit-media-controls {
|
|||
transform: scale3d(0.2, 0.2, 0.2);
|
||||
opacity: 0.6;
|
||||
}
|
||||
|
||||
to {
|
||||
transform: none;
|
||||
opacity: initial;
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue