Mediaelement.js - Would like to Remove ALL Controls - Only Display Video

Question

I am trying to replace my swf header in my webpage with mp4. I like MediaElement.js but I can't remove the controls. I don't want to hide the controls, I want to remove them completely... and just display the looping video.

Any suggestions would be greatly appreciated.

Answer 1

I think a better solution is:

Set features property:

features: []

Insert this in your css:

.mejs-container .mejs-controls { visibility:hidden !important; }

That way you can pause-play by clicking the video.

Answer 2

You have to combine those answers:

1. set

   features: [],
   

2. insert this in your css:

   .mejs-container .mejs-controls {
     display: none !important;
   }
   

Important

When you do this, you can't pause the video by clicking on it.

Answer 3

when you set up the MediaElement options you can set features:

to remove everything just set it to an empty array

...
features: ['playpause','progress','current','duration','tracks','volume','fullscreen'],
...

becomes
...
features: [],
...