mirror of
https://github.com/KuekHaoYang/KVideo.git
synced 2026-08-13 07:43:43 +08:00
31 lines
956 B
CSS
31 lines
956 B
CSS
/* Web Fullscreen (Window Fullscreen) Styles */
|
|
.kvideo-container.is-web-fullscreen {
|
|
position: fixed !important;
|
|
top: 0 !important;
|
|
left: 0 !important;
|
|
width: 100vw !important;
|
|
height: 100vh !important;
|
|
height: 100dvh !important;
|
|
/* Fallback for browsers supporting dvh */
|
|
z-index: 2147483647 !important;
|
|
background: black !important;
|
|
border-radius: 0 !important;
|
|
}
|
|
|
|
/* Ensure controls and video take up full space in web fullscreen */
|
|
.kvideo-container.is-web-fullscreen video {
|
|
width: 100% !important;
|
|
height: 100% !important;
|
|
border-radius: 0 !important;
|
|
}
|
|
|
|
/* Force Landscape Mode for Mobile (iOS mainly) */
|
|
.kvideo-container.is-web-fullscreen.force-landscape {
|
|
width: 100vh !important;
|
|
width: 100dvh !important;
|
|
height: 100vw !important;
|
|
top: 50% !important;
|
|
left: 50% !important;
|
|
transform: translate(-50%, -50%) rotate(90deg) !important;
|
|
border-radius: 0 !important;
|
|
} |