Vimeo Videos iPhone/iPad kompatibel einbinden mit HTML5

Für alle, die auf ihrem WordPress-Blog Videos von Vimeo eingebunden haben: Hier ist ein kleines Stückchen Code für Euch, das Videos für iPhone/iPad kompatibel mit HTML5 einbindet. Alle anderen Browser werden weiterhin mit dem Flash-Videoplayer versorgt. Den Code einfach direkt in den Text Eures Artikels kopieren und die Video ID, sowie die Größe anpassen. Fertig. Viel Spaß!

<script type="text/javascript">
/* PASTE IN YOUR VIMEO ID */
var vimeoID = '11805756';
/* SETUP VIDEO WIDTH */
var sizeX = '580';
/* SETUP VIDEO HEIGHT */
var sizeY = '327';
/* -- NO NEED TO TOUCH THE CODE BELOW -- */
var agent=navigator.userAgent.toLowerCase();
var is_iphone = (agent.indexOf('iphone')!=-1);
var is_ipad = (agent.indexOf('ipad')!=-1);
if (is_iphone) {
document.write("<video src='http://www.vimeo.com/play_redirect?clip_id="+vimeoID+"&quality=mobile' controls='controls' width='"+sizeX+"' height='"+sizeY+"'></video>");
} else if (is_ipad) {
document.write("<video src='http://www.vimeo.com/play_redirect?clip_id="+vimeoID+"&quality=hd' controls='controls' width='"+sizeX+"' height='"+sizeY+"'></video>");
} else {
document.write("<object width='"+sizeX+"' height='"+sizeY+"'><param name='allowfullscreen' value='true' /><param name='allowscriptaccess' value='always' /><param name='movie' value='http://vimeo.com/moogaloop.swf?clip_id="+vimeoID+"&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=0&amp;show_portrait=0&amp;color=a4e03d&amp;fullscreen=1' /><embed src='http://vimeo.com/moogaloop.swf?clip_id="+vimeoID+"&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=0&amp;show_portrait=0&amp;color=a4e03d&amp;fullscreen=1' type='application/x-shockwave-flash' allowfullscreen='true' allowscriptaccess='always' width='"+sizeX+"' height='"+sizeY+"'></embed>
</object>");
}
</script>