Jump to content

Video Backdrops using object-fit: cover


chef

Recommended Posts

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

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

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

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 account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...