Plugins » Mediaelement Player 1.0.1

Howto fix missing control elements
Topic Closed
juergen
1.5K Posts
54.5K 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: 5 years ago#7452

Topic Closed

 

News

elFinder 2.1.50 in Upcoming Release
12/28/2019

A new release for Typesetter is in the works with a lot of improvements including the ... Read More

Typesetter 5.1
8/12/2017

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

More News

HH-Support

Company located in T├│rshavn, Faroe Islands. * Webpage Design * Consultant & Provider of a wide range of programs for visually impaired and dyslextics.

Find out more about our Provider Spotlight

Log In

  Register