openvibers/openvibe.mediahub Commits
Phones on their side: the watch page's video really fills the screen (the shared player's height: 100% loads after video.css and kept it 448px tall; a more specific selector wins) (#132)
Changes
@@@ -302,5 +302,7 @@ a.ovv-channel-name:hover { text-decoration: underline; }body:has(.ovv-watch) #navbar-mount { display: none; }.ovv-page:has(.ovv-watch) { padding-top: 0; }.ovv-watch .ovv-player-wrap { border-radius: 0; border: 0; }-- .ovv-watch .ovv-player { aspect-ratio: auto; height: 100vh; height: 100dvh; object-fit: contain; }++ /* video.ovv-player inside the wrapper outranks the shared player's .ov-player .ov-player-video { height: 100% }, which++ loads after this file and left the video at its 16:9 height. */++ .ovv-watch .ovv-player-wrap video.ovv-player { aspect-ratio: auto; height: 100vh; height: 100dvh; object-fit: contain; }}
@@ -302,5 +302,7 @@ a.ovv-channel-name:hover { text-decoration: underline; }
@@ -302,5 +302,7 @@ a.ovv-channel-name:hover { text-decoration: underline; }
body:has(.ovv-watch) #navbar-mount { display: none; }
body:has(.ovv-watch) #navbar-mount { display: none; }
.ovv-page:has(.ovv-watch) { padding-top: 0; }
.ovv-page:has(.ovv-watch) { padding-top: 0; }
.ovv-watch .ovv-player-wrap { border-radius: 0; border: 0; }
.ovv-watch .ovv-player-wrap { border-radius: 0; border: 0; }
- .ovv-watch .ovv-player { aspect-ratio: auto; height: 100vh; height: 100dvh; object-fit: contain; }
+ /* video.ovv-player inside the wrapper outranks the shared player's .ov-player .ov-player-video { height: 100% }, which
+ loads after this file and left the video at its 16:9 height. */
+ .ovv-watch .ovv-player-wrap video.ovv-player { aspect-ratio: auto; height: 100vh; height: 100dvh; object-fit: contain; }
}
}