[RadModerator]

Hi there,

Looks like it’s a bug on chrome browser. Please change this

.mejs-mediaelement {  
  position: relative;
}

to this

.mejs-inner, .mejs-mediaelement {  
  position: relative;
}
.mejs-video .mejs-controls {
  opacity: 1 !important;
}
.mejs-container {
  min-height: 256px;
}

Thanks!

[jeff sParticipant]

I switched the code and cleared the cache and the advanced controls still disappear after I minimize from fullscreen. I even tried with and without a comma between .mejs-video & .mejs-controls.

[RadModerator]

Hi there,

There should be no comma between .mejs-video and .mejs-controls, just space.

I went ahead and added some change in CSS. Though I can’t check it due to caching, it’s not working due to missing jQuery which is probably related to W3 Total Cache. I can’t disable it since it’s premium one which may contain configuration that can be erased by just disabling it. Please backup your site and disable your cache plugin, there should be no caching plugin during development. It’s only recommended during the production stage,

Please check now, thanks!

[jeff sParticipant]

I disabled the W3 Total Cache. The advanced controls don’t disappear now, but when I go fullscreen they appear towards the top third of the video. Could that be the 256 pixels you added to the CSS?

Thanks for the help. It seems like we are getting closer to solving this.

[jeff sParticipant]

Yeah, I just played around with this value:

}
.mejs-inner, .mejs-mediaelement,.mejs-container {  
  position: relative;
  min-height: 256px;
}

The 256px keeps the advanced controls 256 pixels from the top of the video, which means that when I go fullscreen those advanced controls are towards the top of the video. I would need the advanced controls to be positioned relative to the size of the video screen… Thoughts?

[jeff sParticipant]

Right now that CSS keeps the advanced controls a certain distance from the top of the video. Is there any way to switch it so that the advanced controls stay a certain distance from the bottom of the video?? Thanks again.

[RadModerator]

Hi there,

This one is really weird, now something is adding static width which supposed to be responsive. I changed the CSS to this

.mejs-mediaelement,.mejs-container {  
  position: static;
}
.mejs-video .mejs-controls {
  opacity: 1 !important;
}
.x-video .x-video-inner embed, .x-video .x-video-inner iframe, .x-video .x-video-inner img, .x-video .x-video-inner object, .x-video .x-video-inner video {
position: static;
}
.mejs-inner {
  position: relative;
}

Thanks.

[jeff sParticipant]

Thanks Rad! That’s it! Thanks to the rest of the team who helped too. You guys rock. Hope you have a great day and a better year :).

[JoaoModerator]

Glad to hear we managed to help 🙂

All the best!

[Author]

Posts