flex-direction: column;
justify-content: center;
+ $height: calc(100vh - #{$header-height} - #{$theater-bottom-space});
+
#videojs-wrapper {
width: 100%;
+ height: $height;
}
::ng-deep .video-js {
- $height: calc(100vh - #{$header-height} - #{$theater-bottom-space});
-
height: $height;
width: 100%;
max-width: initial;
}
@media screen and (max-width: 600px) {
+ #videojs-wrapper {
+ height: getPlayerHeight(100vw) !important;
+ }
+
.remote-server-down,
::ng-deep .video-js {
width: 100vw;
- height: getPlayerHeight(100vw)
+ height: getPlayerHeight(100vw) !important;
}
}
}