Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

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

See original GitHub issue

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.

Issue Analytics

State:
Created 5 years ago
Comments:7 (5 by maintainers)

Top GitHub Comments

2reactions

sampottscommented, Jun 21, 2018

See my comment above ^

2reactions

sampottscommented, Apr 26, 2018

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.

Top Results From Across the Web

Element.requestFullscreen() - Web APIs | MDN

The Element.requestFullscreen() method issues an asynchronous request to make the element be displayed in fullscreen mode.

How To Change The Browser To Fullscreen with JavaScript

Fullscreen Video. To open an element in fullscreen, we use the element.requestFullscreen() method: Example. <script>

Class Add/ Update Request California State University, Chico

Students requesting to change the grading option for a class to CR/NC must complete the ELECTING COURSES FOR THE CREDIT/NO CREDIT (CR/NC) form....

Adding a Class | Office of the Registrar - CSUSB

Class requires additional permissions: NON-Waitlisted Courses Only: For requests to overload units (Course Overload), enroll with time conflicts (Simultaneous ...

Registration Adjustment Form (Add & Drop Classes)

Registration for each term occurs within designated periods. Within these periods, you will be assigned specific registration appointment times.