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

mediaelement.js
user1034552 picture user1034552 · Nov 7, 2011 · Viewed 15.1k times · Source

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

Camilo Hoyos picture Camilo Hoyos · Jan 6, 2012

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.

Related questions

HTML5 video won't play in Chrome only

some background I've tested my video in FF and Safari (including iDevices) and it plays properly, but it will not play in the Chrome browser. As you can see in the code below, I've created mp4, m4v, webM, and …

Read More
Autoplay MediaElementPlayer

I want that when web site page loaded play video automatically. I referenced to jquery.js, mediaelementplayer.js and mediaelementplayar.min.css on my page and added video tag. I tried so many ways, e.g. autoplay = true and use …

Read More
How to make a video fullscreen when it is placed inside an iframe?

I'm using the default settings for my mediaelement.js player, and my initialization is very basic: $('video').mediaelementplayer(); My question is: Is it possible to fullscreen the player when the video is embedded in an iframe? When I press fullscreen, …

Read More