Youtube Chromeless Player With Mobile Browser Support

Basically I would like to display a chromeless video on desktop browsers and a fallback that works for mobile browsers. The default video on the iPad is fine. But by displaying the chromelesss youtube player for desktop browsers, you get the blue brick for iOS, http://www.theipadguide.com/images/content/announce-noflash.jpg.

Ultimately I could detect if flash is supported and insert the regular YouTube embed code for the iPad and iPhone (assuming it would replace the embed code with its custom YouTube player) but that feels wrong.

How could I successfully detect if the browser is replacing the YouTube embed code with its on player?

You can see the player in action on thi开发者_Go百科s web page:

http://technobolt.com/wp-content/uploads/2010/12/youtube-embed-wp7.jpg

Typically the iPhone displays the blue puzzle piece: http://www.theipadguide.com/images/content/announce-noflash.jpg

This is info on the chromeless YouTube player for desktop.

• http://badsyntax.github.com/jquery-youtube-player/
• http://www.viget.com/inspire/youtube-chromeless-video-jquery-plugin/

Perhaps include the regular YouTube embed code as the alt html, e.g.:

<object ...> <!-- chromeless embed ->
    <!-- regular embed here ->
</object>

I think you're looking for this: http://code.google.com/apis/youtube/getting_started.html#chromeless_player