Android – Does the youTube iFrame embed code work on mobile devices? (iPhone, Android)

androidiphonemobilevideoyoutube

I made a sample page using the HTML5 iFrame embed code from youTube. When browsing on my iPhone I get a play button but yet the video never plays if I press on it. When I embed the video with the HTML5 video tag everything plays just fine.

Does anyone know if youTube officially supports mobile devices with the embed code? Are there extra parameters I need? I tried the following code:

<iframe width="420" height="345" src="http://www.youtube.com/embed/OZOX5sad2FE" frameborder="0" allowfullscreen></iframe>

Best Answer

Mobile Safari on the iPhone does support the iFrame. There's an example here: http://apiblog.youtube.com/2010/07/new-way-to-embed-youtube-videos.html

Have you tried including the class and type? class="youtube-player" type="text/html"

Related Solutions

Embed youtube for mobile page

The proper way to do it seems to be like so:

<iframe class="youtube-player" type="text/html" width="640" height="385" 
src="http://www.youtube.com/embed/VIDEO_ID" frameborder="0">
</iframe>

Check out the Youtube blog or that other blog post.

Now you only need to find a way to figure out which width and height to use for each device.

Html – Force HTML5 youtube video

I've found the solution :

You have to add the html5=1 in the src attribute of the iframe :

<iframe src="http://www.youtube.com/embed/dP15zlyra3c?html5=1"></iframe>

The video will be displayed as HTML5 if available, or fallback into flash player.

Best Answer

Related Solutions

Embed youtube for mobile page

Html – Force HTML5 youtube video

Related Topic