1

I want to put that page up where I have a selection of cloudcasts worth listening. And I want to launch them with a custom interface.

It works well on desktop, but not at all on mobile devices: the player won't start the playlist. It keeps on spinning and spinning and never starts.

The mixcloud team didn't reply to my question.

So, I have 2 codepen with 2 different techniques that I tried to make it work:

The first one employs the Mixcloud Widget API and tries to invoke when ready the player.play() method. It doesn't work on mobile, nor does player.load("/some/tape", true).

Test it: http://codepen.io/zipang/debug/KwVOpB

Full sources: http://codepen.io/zipang/pen/KwVOpB

The second one uses a less subtile approach: it regenerates the iframe with the autoplay=true parameter and inserts it into the DOM. With no further results on mobile.

Test it: http://codepen.io/zipang/debug/azdQmR

Full sources: http://codepen.io/zipang/pen/azdQmR

Does anyone know if there is a reason why? Or is there a workaround?

double-beep
  • 5,031
  • 17
  • 33
  • 41
zipang
  • 105
  • 1
  • 10

1 Answers1

0

So, after some investigations, it is not a mixcloud player issue, but a more general one :

On mobile devices, any audio/video stream must be initiated by the user.

It's more a political choice than a technical issue.

Here is a list of other questions referring to the same issue (under many different appellations)

And a lot more...

[EDITED]
I had a confirmation of this issue by the mixcloud team :

Hi,

It's not possible to auto play audio on mobile devices - none of the browsers support it. You can only start playback within a click event - so we can't make autoplay work with our widget, I'm afraid.

Sam

Community
  • 1
  • 1
zipang
  • 105
  • 1
  • 10