Plyr: Request: add class modifier 'plyr--fullscreen-active' on fullscreen

[yuriykuzin]

It would be convenient for styling purposes to have a class plyr--fullscreen-active on container <div class="plyr"> when fullscreen is active. I guess, you had it on v2

In v3 currently, I see only plyr--fullscreen-enabled there.

[sampotts]

Yep can do this. The change in v3 was to use the native pseudo class :fullscreen instead but it'd be easy enough to add a class to extend that.

[sampotts]

On second thoughts, can you not use the CSS pseudo class :fullscreen too? The only downer is it's prefixed of course...

.plyr:fullscreen, 
.plyr:-webkit-full-screen,
.plyr:-moz-full-screen,
.plyr:-ms-fullscreen {
    // Your styles...
}

Bear in mind you may need to specify them as seperate declarations as some browsers get funny about combined selectors for pseudo classes.

[jameshobden]

I would also be interested in this feature

[sampotts]

See my comment above ^

[sampotts]

Closing this. Please use the CSS selector above.

[yuriykuzin]

Sorry, I was away for a while and missed this thread. Solved a task in a different way, but next time will try this.