The Play Button On A Youtube Embed Does Not Work On Android-chrome

I've been working on an embedded youtube video on a page. Works fine on desktop browsers. However, on android-chrome, the embedded video won't play when you touch on the red play b

Solution 1:

there is another solution if you want to enable controls you should use ps=docs like this :

<iframe class="youtube-player"type="text/html" width="100%" height="338" src="http://www.youtube.com/embed/VIDEO-ID?ps=docs&controls=1" frameborder="0" allowfullscreen></iframe>

i have tested it ... it works!!

i hope this will help.

Solution 2:

i agree with you .. i think there is a problem with youtube mobile player which i had lately .. But there is a temporary solution for that in which you have to make the player controls hidden like this:

<iframe class="youtube-player"type="text/html"  width="100%" height="338" src="http://www.youtube.com/embed/VIDEO-ID?autoplay=0&showinfo=0&controls=0" frameborder="0" allowfullscreen></iframe>

in this case we made controls=0

i hope this will help.