Pay money and get answers for your WordPress questions (more info)

Problem with mediaelements.js plugin not playing in firefox

  • SOLVED

Hi everyone

i'm building a custom design using a template i bought from template monster

i'm using the audio player shortcode which came with the theme. which i believe is actually the http://mediaelementjs.com/ or mediaelements.js plugin - i'm using it to play a small intro speech from the owner of the site on the homepage

my problem is that after checking that it plays in ie9, i didn't consider that it wouldn't play properly in firefox, and the client is really happy with how it looks, i dont want to change it unless i have to, i'd rather just get it to play in firefox.. which surprizingly is a real mission.

i tried rolling it back a version because apparently the latest version of the plugin has trouble with firefox but that hasn't done much

please see http://www.communicationcourses.co.za/ in both chrome and firefox to see what i mean. the player is on the right hand side

i tried to fix this on wednesday and it took me a whole afternoon and i hav'nt gotten anywhere, i've tried installing it maually but i think the shortcode thats in there is conflicting, i dont have the time to figure it out, please can i ask for help to figure out why its not playing properly

Thanks

Mike

Answers (2)

2013-02-08

Kiet Luong answers:

try to deactivate "Better WordPress Minify" plugin on your dashboard. then see if it work.
Regards !


Kiet Luong comments:

how about these :

[[LINK href="http://wordpress.org/extend/plugins/audio-player-widget/screenshots/"]]http://wordpress.org/extend/plugins/audio-player-widget/screenshots/[[/LINK]]
or
[[LINK href="http://wordpress.org/extend/plugins/html5-jquery-audio-player/screenshots/"]]http://wordpress.org/extend/plugins/html5-jquery-audio-player/screenshots/[[/LINK]]


Mike Peters comments:

Hi Kiet

Thank you so much that solved the problem :)

shoul di even bother running this plugin, it makes my site so much faster though,
but everytime i seem have a problems, the firsth thing people post is disable the Better Wordpress Minify plugin,

is it even worth using?

Thanks again man, much appreciated :)

2013-02-08

Naveen Chand answers:

Firefox does not support mp3 in html5 format. See this: [[LINK href="http://www.w3schools.com/html/html5_audio.asp"]]http://www.w3schools.com/html/html5_audio.asp[[/LINK]]

However, it plays ogg files in html5.

Your theme is using html5 <audio> element to play mp3 file and therefore firefox will not play it. If you can create the same audio file in ogg format, then the correct syntax is described in the above link which is as follows:


<audio controls>
<source src="horse.ogg" type="audio/ogg">
<source src="horse.mp3" type="audio/mpeg">
Your browser does not support the audio element.
</audio>


This type of code is what you can use to play it in firefox but you need to use .ogg version of your audio.

If you don't want to create .ogg file by converting mp3 to ogg, then you could try this second method:
[[LINK href="http://code.coneybeare.net/getting-html5-audio-tag-and-flash-fallback-to"]]http://code.coneybeare.net/getting-html5-audio-tag-and-flash-fallback-to[[/LINK]]

Hope this helps.


Mike Peters comments:

Hi Naveen

Thanks alot for your response,

Yeah i did play with some ogg files but i had problems with them,
but i realise i was usuing the wrong syntax :) i found that article really interesting,
gonna do it likw ethat in the future

Thanks for your help!

Cheers
Mike