/* Fullscreen Mode Fixes - Apply to all players */
#player-container:fullscreen {
    aspect-ratio: unset !important;
    width: 100vw !important;
    height: 100vh !important;
}

#player-container:-webkit-full-screen {
    aspect-ratio: unset !important;
    width: 100vw !important;
    height: 100vh !important;
}

#player-container:-moz-full-screen {
    aspect-ratio: unset !important;
    width: 100vw !important;
    height: 100vh !important;
}

#player-container:-ms-fullscreen {
    aspect-ratio: unset !important;
    width: 100vw !important;
    height: 100vh !important;
}

/* Remove max-height restriction in fullscreen */
#player-container:fullscreen video,
#player-container:-webkit-full-screen video,
#player-container:-moz-full-screen video,
#player-container:-ms-fullscreen video,
#player:fullscreen,
#player:-webkit-full-screen,
#player:-moz-full-screen,
#player:-ms-fullscreen {
    max-height: none !important;
    width: 100vw !important;
    height: 100vh !important;
    object-fit: contain !important;
}

/* For Plyr fullscreen */
.plyr:fullscreen,
.plyr:-webkit-full-screen,
.plyr:-moz-full-screen,
.plyr:-ms-fullscreen {
    max-height: none !important;
    width: 100vw !important;
    height: 100vh !important;
}

.plyr:fullscreen video,
.plyr:-webkit-full-screen video,
.plyr:-moz-full-screen video,
.plyr:-ms-fullscreen video {
    max-height: none !important;
    width: 100vw !important;
    height: 100vh !important;
    object-fit: contain !important;
}

/* For Video.js fullscreen */
.video-js:fullscreen,
.video-js:-webkit-full-screen,
.video-js:-moz-full-screen,
.video-js:-ms-fullscreen {
    max-height: none !important;
    width: 100vw !important;
    height: 100vh !important;
}

.video-js:fullscreen video,
.video-js:-webkit-full-screen video,
.video-js:-moz-full-screen video,
.video-js:-ms-fullscreen video {
    max-height: none !important;
    width: 100vw !important;
    height: 100vh !important;
    object-fit: contain !important;
}

/* For Clappr Player fullscreen (Player 4) */
#clappr-player:fullscreen,
#clappr-player:-webkit-full-screen,
#clappr-player:-moz-full-screen,
#clappr-player:-ms-fullscreen {
    aspect-ratio: unset !important;
    width: 100vw !important;
    height: 100vh !important;
    max-height: none !important;
}

#clappr-player:fullscreen video,
#clappr-player:-webkit-full-screen video,
#clappr-player:-moz-full-screen video,
#clappr-player:-ms-fullscreen video {
    max-height: none !important;
    width: 100vw !important;
    height: 100vh !important;
    object-fit: contain !important;
}

#clappr-player:fullscreen [data-player],
#clappr-player:-webkit-full-screen [data-player],
#clappr-player:-moz-full-screen [data-player],
#clappr-player:-ms-fullscreen [data-player] {
    max-height: none !important;
    width: 100vw !important;
    height: 100vh !important;
}

/* Additional Clappr container fixes */
[data-player]:fullscreen,
[data-player]:-webkit-full-screen,
[data-player]:-moz-full-screen,
[data-player]:-ms-fullscreen {
    max-height: none !important;
    width: 100vw !important;
    height: 100vh !important;
}