Skip to content

Invidious - better responsive video player size by kuba-orlik

Details

Authorkuba-orlik

LicenseNo License

Categoryinvidious

Created

Updated

Size666 B

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

Makes it so the video isn't way too small on smaller viewports

Notes

Userstyle doesn't have notes.

Source code

/* ==UserStyle==
@name           invidious.kuba-orlik.name - 1/6/2023, 5:20:45 PM
@namespace      github.com/openstyles/stylus
@version        1.0.0
@description    A new userstyle
@author         Me
==/UserStyle== */
@-moz-document regexp(".*invidious.*") {
    /* Insert code here... */
  @media (max-width: 1000px){
    body > .pure-g > .pure-u-1 {
        display: none;
    }

    #contents {
        width: 100%!important;
    }

    #player-container { 
        min-height: calc(17vw * 9 / 16 - 25px);
        padding-bottom: 1rem!important
    }
    video, #player-container, #player { 
        height: calc(100vw * 9 / 16 - 25px)!important;
    }   
    }
}

Reviews

No reviews yet.