Audio player buttons don't show up

There is no audio player in WordPress by default.

I am talking about the mediaelement.js library added in 3.6. If I create an audio post in the dashboard, the audio player that displays in the editor has no button icons. The buttons work, but the icons are missing. This is true in both the front end and back end.

IE7 & IE8 use a PNG for the buttons, while IE9, Chrome, & Firefox use an SVG. This explains why ie7 & 8 work properly.

Here is another thread on the subject https://www.ads-software.com/support/topic/player-controls-disappeared-after-recent-update-to-svg?replies=3

They work on Chrome for me, as do video.

Can you test on Beta2?

Same problem with beta2.

I can fix it by adding:

AddType image/svg+xml svg svgz
AddEncoding gzip svgz

to my .htaccess file. However this is not something I would expect the average user to have to do to make it work. In my theme I will use the png version of the controls to make it work on all servers.

What do you see here? https://test.ipstenu.org/post-format-test-audio.2008/

I see the buttons on your site. I will send you a link to my test site showing 2 problems:

– Missing audio buttons as reported in this thread
– Audio shortcode showing for external URL audio (reported in thread https://www.ads-software.com/support/topic/audio-format-change-in-beta-2?replies=12)

Okay, Bev, since you can see two icons on my site, with your browser, the logical answer to this is “Something’s wrong on your site.”

I saw the problem on your site, but can’t reproduce it. I don’t have any extra encoding for svgs on my site. I don’t think this is a core bug.

It’s a server configuration issue. My server does not support the SVG mime type. I have a ticket in to support to ask them why.

I suspect I am not the only one with this issue, but I have no idea how common it is for hosting to not provide support for SVG.

I have this issue on my 3.6 webdev, but not on my 3.6 host. It’s not a big deal as long as it’s functional – hey it’s a step forward in my book. Only shame is the double 0:00 – 0:00 until you actually play the media (what I’m curious to know is anyone’s results on how sublime, jwplayer, etc tests have gone?). The only real concern with the new supported post type and this “whammy bar” is not being able to upload adequate file size for video – from what I am reading this is beyond our control if your hosts cut us at the knees after php 5.3. Otherwise great job with the forward movement.

Just thought I’d make a note that with Mika’s test audio page link, I’m not seeing anything apart from a black bar, in Firefox 20.0. I can see the audio player using Chrome though. I’ve tried two different Mac’s, both with the same issue in FF. I’ve also tried clearing my browser cache and restarting the browser, to no effect. This is what I’m seeing on Mika’s page… https://cl.ly/image/1s2e1c0u342e

double players with jw player (in some themes – not all – could be a config err on my side), with the new post type – jplayer takes over very nicely in the ithemes Noise theme (no audioblock).

Fwiw I’ve had the same issue as Bev, and solved it by adding the mime types specified above. Thanks Bev!