WP 3.6 Audio Player controls on IOS

[rickykalsi]

Using the new audio embed feature in wordpress 3.6, no plugins installed:

The volume slider does not impact volume level on IOS devices.

The mute button does not respond on IOS devices.

Installed wordpress version 3.6 on new wp installation - tried and tested with default theme.

Support Function over at woo themes have confirmed that this is related to the new media player within wordpress 3.6

Kind regards

[ocean90]

You should report this upstream, since it's an issue with Mediaelements.js.

Also, it seems like it's not possible to change the volume via JavaScript on iOS, see ​https://github.com/johndyer/mediaelement/issues/767#issuecomment-13601184.

[rickykalsi]

Hi Dominik,

I have reported this to media elements. I was surprised that this was not picked up in any UAT testing prior to the 3.6 launch.

If you install the media element JS plugin the audio player works fine (volume slider and mute butons are removed - which is correct )

[tollmanz]

Hi rickykalsi,

In developing a theme that uses the new audio in WP, I ran into significant issues with iOS controls. It turned out that the issue was related to some server configs that were neither mediaelement.js or WordPress core related.

Can you expand on the issue? I would interested to see if you hit a problem similar to mine. I do have concerns that there could be a number of bugs that spring up across different server environments given how touchy HTML5 audio can be. Do you happen to have your test install publicly available? I would love to take a look at it if so.

[wonderboymusic]

MEjs ditches the controls on iOS now for volume/mute, uses the native controls of the phone.

Just tested a playlist: play and pause work, switching tracks works, volume controls are not displayed.