¿Tienes un blog? ¿Utilizas Vimeo para presentar videos en la página? ¿Quieres que los nuevos usuarios de los iPads de Apple puedan ver estos videos? Lo cierto es que Vimeo codifica los videos en el formato H.264, un formato que trabaja perfectamente el iPad (y que Apple impulsa). Hoy les enseñaremos como con unas pequeñas instrucciones en Javascript puedes ahora preparar todos los videos en Vimeo para usuarios de los iPad sin necesidad de HTML5.
A continuación esta la serie de instrucciones (script). Tienen que cambiar en las preferencias el ancho (width) y la altura (height) del video. Luego modifiquen el ID del video que quieren presentar dentro del “script” (donde está el texto en rojo). El ID del video en Vimeo aparece en la ultima parte de la dirección de URL. Ejemplo: http://vimeo.com/11867754
<script type=”text/javascript”>
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=00000000&quality=mobile’ controls=’controls’ width=’000′ height=’000′></video>”);
}
else if (is_ipad) {
document.write(“<video src=’http://www.vimeo.com/play_redirect?clip_id=00000000′ controls=’controls’ width=’000′ height=’000′></video>”);
}
else {
document.write(“<object width=’000′ height=’298′><param name=’allowfullscreen’ value=’true’ /><param name=’allowscriptaccess’ value=’always’ /><param name=’movie’ value=’http://vimeo.com/moogaloop.swf?clip_id=00000000&server=vimeo.com&show_title=0&show_byline=0&show_portrait=0&color=ffffff&fullscreen=1′ /><embed src=’http://vimeo.com/moogaloop.swf?clip_id=00000000&server=vimeo.com&show_title=0&show_byline=0&show_portrait=0&color=ffffff&fullscreen=1′ type=’application/x-shockwave-flash’ allowfullscreen=’true’ allowscriptaccess=’always’ width=’000′ height=’298′></embed></object>”);
}
</script>
via Squaregirl (http://www.squaregirl.com/)
SOMTHING IS WRONG IN YOUR CODE. IT DOESN’T WORK
For video ID: 13836240