chef 3744 Posted September 29, 2019 Share Posted September 29, 2019 I've been thinking about how I would like to do this, and I'm not sure is CSS is the answer or editing the Javascript. When a video backdrop is playing on my ultra-wide screen (on my development computer) in the web app, I'd like the video to cover the screen using 'object-fit:cover'. But, I don't want to enable object-fit: cover when a movie starts. Does anyone know if there is a flag for the video tag, or 'videoPlayerContainer' that would make the distinction between a media item playing, and a video backdrop? Should I maybe look for 'blob' in the url? I would be best not edit to much more of the emby javascript because it is going to get overwritten soon with new releases. But I have created a mutation observer which can be added to emby web app which allows me to control things. Link to comment Share on other sites More sharing options...
chef 3744 Posted September 29, 2019 Author Share Posted September 29, 2019 Hmm... I can look for' backdropContainer with-backdrop', and see if the 'videoPlayerContainer' exists in the DOM. Might be one way to do this. Link to comment Share on other sites More sharing options...
chef 3744 Posted September 29, 2019 Author Share Posted September 29, 2019 That won't work because the class 'with-backdrop' is added after the video back drops starts play. Link to comment Share on other sites More sharing options...
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now