Skip to content

Instantly share code, notes, and snippets.

Embed
What would you like to do?
Userstyle that makes Crunchyroll controls stay in place
@-moz-document url-prefix("https://static.crunchyroll.com/vilos/player.html") {
.vjs-pause-screen.active {
background: none!important;
}
.client .vjs-pause-screen {
display: none!important;
}
@media all and not (display-mode: fullscreen) {
.client .vjs-control-bar.paused.out {
opacity: 1!important;
}
#player {
background-color: #f2f2f2!important;
}
#player video {
padding-bottom: 55px!important;
}
#miniProgressContainer {
margin-top: -55px!important;
opacity: 1!important;
}
canvas.libassjs-canvas {
top: 0!important;
height: calc(100vh - 55px) !important;
object-fit: contain !important;
}
}
}
@-moz-document url-prefix("https://www.crunchyroll.com/") {
#showmedia_video_box.player-container-16-9 {
height: 415px!important; /* calc(360px + 55px) */
}
#showmedia_video_box.wide-player-container-16-9 {
height: 595px!important; /* calc(540px + 55px) */
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
You can’t perform that action at this time.