Embed HTML5 Video for iPad

So if you use video sites like youtube and vimeo, here is how you can adapt your code on your website so that your videos will still play on iPad and iPhone

iPad useragent string
Mozilla/5.0 (iPad; U; CPU OS 3_2 like Mac OS X; en-us) AppleWebKit/531.21.10 (KHTML, like Gecko) Version/4.0.4 Mobile/7B367 Safari/531.21.10

Category:

Science & Technology

Tags:

• ipad
• useragent
• string
• html5
• video
• vimeo
• youtube
• firefox
• safari
• chrome
• landscape

[SeanBlader]

If you're doing this on a large site with lots of different javascripts embedded in it, please for your own sake have a programmer look at it and fix the issues with global variables, user agent detection instead of feature detection, and with document.write which is a performance killer.

[optikalefxx]

@SeanBlader I agree with most of this, but the general rule of thumb is to use feature detection instead of user agent sniffing. Not the other way around. You don't want to hinder html5 devices if they can use html5 video just because you only allow iphone and ipad.

[blimpified]

i had a client who couldn't watch my embedded video on his ipad and i know nothing about code but i fixed it within 30 seconds after watching this. you're like a magical smartdude fairy. thank you!

[optikalefxx]

@blimpified should i take offense to that? lol. thanks!

[griffinjackson413]

Hey can you help me make it so my members can view the videos i post on their ipods and ipads the site is clonewars . tk (wiouth the space)

[AdamGarcia9206]

Unfortunately, This went a little fast for me. I didn't quite understand what this was for. Are we trying to make the videos from YouTube and Vimeo appear on JUST the iPad & iPhone or are we trying to use this for all smartphones (I.E. - iPhone, iPad, Android, Windows, etc, etc.)?

[blimpified]

thank you! i had a client who couldn't watch my embedded video on his ipad and i know nothing about code but i fixed it within 30 seconds after watching this. you're like a magical smartdude fairy. thank you!

[treksf]

Really awesome video! Thanks much!

P.S. You might want to post that top code in your description too.

[seriouslyWeird]

the user agent string looks very version specific... won't it stop working with a newer version of ipad, or an update, etc?