add video fallback

This commit is contained in:
imohkay 2021-10-27 14:48:25 +05:30
commit 80ee17a50b
3 changed files with 19 additions and 8 deletions

View file

@ -106,6 +106,7 @@ main > .film {
margin-right: auto;
padding: 20px;
font-size: 18px;
z-index: 200;
a {
color: #ee0;
@ -113,6 +114,11 @@ main > .film {
font-weight: 700;
}
}
.bio-block, .play, .summary-block, .texts {
position: relative;
}
}
.summary-block {
@ -129,22 +135,26 @@ main > .film {
.video-block {
height: 100vh;
//padding-bottom: 50px;
//padding-top: 50px;
video {
video, .video-fallback-block {
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: -9999;
height: 100vh;
width: 100vw;
object-fit: fill;
//height: 100vh;
//width: auto;
margin: 0 auto;
}
video {
z-index: 100;
}
.video-fallback-block {
z-index: 90;
}
}
.icon-play {