Plugins » Mediaelement Player 1.0.1

Howto fix missing control elements
Topic Closed
juergen
1.4K Posts
51.7K Downloads
16 Plugins
design, web development & visual effects

For everyone experiencing the problem that control buttons (play/pause, volume, full screen) won't show in some browsers, here is the cause:

Mediaelement.js uses SVG icons by default and PNG as fallback. If the webserver does not serve the correct Mime Type, some browsers will not decode SVG/Z correctly (but still try instead of using the fallback-PNG source). Fortunately we can fix this.

 

A) The easy fix. Add the following lines to your .htaccess file in the gpEasy installation root:

AddType image/svg+xml svg svgz
AddEncoding gzip svgz

and see if it works (do a hard refresh of the page).
If this doesn't help or causes an error, we have to use plan B:


B) Replace mediaelement.min.css file in the plugin's directory:

If you downloaded the plugin from gpEasy.com and extracted the ZIP manually into the /addons directory,
the css file is here [gpEasy Installation root]/addons/MediaelementPlayer/mediaelement/mediaelementplayer.min.css

If you installed the plugin live from within your gpEasy website's Admin Menu -> Plugins -> Download Plugins, the CSS file is in one of your /data/_addoncode directories [gpEasy Installation root]/data/_addoncode/someRandomHash/mediaelement/mediaelementplayer.min.css
In this case you will probably have to change the file's permission to 777 first before you are allowed to overwrite it. On some webhosts you may not change the permissions (because the file was created by the webserver and your FTP user has not write permissons). In this case you will have to uninstall the plugin, download it manually from here and unzip it to the /addons directory.

Download this mediaelementplayermincss.zip
unzip it and and overwrite the one in the plugin directory with this version.

I currently don't know how common the problem actually is. I tend to change the css in upcoming versions to PNG only.
SVG is cool but … not cool enough to cause such hassle.
 

HTH
juergen

Edited: 4 years ago#7452

Topic Closed

 

News

Typesetter 5.1
8/12/2017

Typesetter 5.0.1 is now available for download. 5.1 includes bug fixes, UI/UX improvements, ... Read More

Over 8 Times Faster Than Wordpress
5/3/2016

We've known for a long time that Typesetter is fast. It's something we take pride ... Read More

More News

creisi productions

Dienstleistungen von creisi productions, Luzern (Schweiz): * Konzeption, Planung und Erstellung Ihres Internet-Auftritts * Betreuung und Aktualisierung/Pflege Ihrer Website * ...

Find out more about our Provider Spotlight

Log In

  Register