Youtube autoplay not working on mobile devices with embedded HTML5 player

html mobile youtube fancybox overlay
theowi picture theowi · Feb 26, 2013 · Viewed 145.4k times · Source

To my problem, i have one link <a href="http://www.youtube.com/embed/YT-ID" class="overlay_video"></a>. I want to play the video by clicking the link in a fancybox overlay window. This is not a problem. The problem is the parameters, for example "autoplay" or "autohide".

The following link don't work:

<a href="http://www.youtube.com/embed/YT-ID?autoplay=1" class="overlay_video"></a>

The Overlay-Window opened, but the video is not playing automatically.

EDIT: I want to use the HTML5 Player on mobile devices. On a desktop-browser it works with the parameters, but not on mobile devices.

Answer

orzechow picture orzechow · Feb 26, 2013

As it turns out, autoplay cannot be done on iOS devices (iPhone, iPad, iPod touch) and Android.

See https://stackoverflow.com/a/8142187/2054512 and https://stackoverflow.com/a/3056220/2054512

Related questions

Sharing link on WhatsApp from mobile website (not application) for Android

I have developed a website which is mainly used in mobile phones. I want to allow users to share information directly from the web page into WhatsApp. Using UserAgent detection I can distinguish between Android and iOS. I was able …

Read More
How to create hyperlink to call phone number on mobile devices?

What is the proper, universal format for creating a clickable hyperlink for users on mobile devices to call a phone number? Area code with dashes <a href="tel:555-555-1212">555-555-1212</a> Area code with …

Read More
Make an image responsive - the simplest way

I notice that my code is responsive, in the fact that if I scale it down to the size of a phone or tablet - all of the text, links, and social icons scale accordingly. However, the ONLY thing that …

Read More