Ahora Youtube embebe videos en iframes

Desde hace unos días, cada vez que queremos compartir un video en un blog o web desde Youtube, este nos entrega el código a publicar en un iframe.

Este cambio había comenzado a testearse en una selección de videos desde mediados del 2010 y ahora, según vemos, se ha expandido a la totalidad de videos del sitio.

Historicamente los videos de Youtube se compartían como un SWF, es decir, con las etiquetas embeb, object y param. Ahora, todos los videos que compartimos vienen en un iframe, con lo cual son válidos para los estandares de W3C. Además permitiran eliminar la dependencia de Flash en los navegadores que soporten HTML5, dado que en este caso la reproducción se hara directamente con el tag «video».

Estos cambios dan una solución a las necesidades que los usuarios tienen actualmente, como puede ser la visualización de videos en dispositivos móviles, así como también tabletas o televisores, los cuales no tienen soporte para Flash y mayormente soportan HTML5.

Sin embargo, los videos que tengan algún elemento no soportado por HTML5, por ejemplo publicidades, seguirán reproduciendose en Flash sin importar el navegador del usuario.

Pueden encontrar más información sobre esto en el Blog Oficial de la API de Youtube.

Reproductor de Sonido en HTML5

reproductor de sonido en html5

Accessible Audio Player (AAP) es un reproductor de audio que incluye una PlayList basado en el Tag <audio> de HTML5.

Este reproductor de sonido es apto para todos los navegadores, solo que en caso de que nuestro browser no tenga soporte para HTML5, utilizará Yahoo! Media Player. Si nuestro navegador no tiene ninguno de los soportes mencionados, simplemente creará un listado de los MP3 con un link a los mismos.

reproductor de sonido en html5

Entre otras funcionalidades, AAP cuenta con la posibilidad de reproducir, adelantar o «rebobinar» y pausar nuestras canciones y subir/bajar el volumen, al igual que cualquier otro reproductor.

Finalmente han desarrollado un Plugin para WordPress con AAP que nos facilitará el trabajo a la hora de integrarlo a nuestro CMS.

Para descargarlo o ver la demo podemos ingresar al sitio del desarrollador: terrillthompson.com.

Vía | webresourcesdepot

Reproductor de video en HTML5

MediaElement.js es un plugin para jQuery que nos permitirá reproductir videos en HTML5 en navegadores que no tengan soporte para este nuevo formato.

Utilizando esta librería podremos insertar videos en nuestros sitios utilizando el tag <video>, el plugin detectará si el navegador tiene soporte para este tag y en caso de que la respuesta sea negativa, insertará el video en un formato que sea aceptado, como podría ser en flash.

De esta forma tendremos la seguridad de que nuestros videos podrán ser vistos por todos los usuarios, sin importar si lo estan haciendo desde Internet Explorer 6 o desde un iPad, por ejemplo.

Ejemplo de uso:

<script src="jquery.js"></script>
<script src="mediaelement.js"></script>
<script src="mediaelementplayer.js"></script>
<link href="mediaelementplayer.css" rel="Stylesheet" />

<!-- Preferred: Use one H.264 file for everyone (with silverlight fallback) -->
<video src="myfile.mp4" type="video/mp4" width="640" height="360"></video>

<!-- OR use multiple codecs, your choice -->
<video width="640" height="360">
<source src="myfile.mp4" type="video/mp4" >
<source src="myfile.ogg" type="video/ogg" >
<source src="myfile.webm" type="video/webm" >
</video>

<script>
jQuery(document).ready(function($) {
$('video').mediaelementplayer();
});
</script>

La utilización de este Plugin nos dará soporte para videos en H.264 (MPEG), como asi también archivos FLV y WMV, en los navegadores con HTML5 como iPhone, iPad, Android, Chrome, Safari e Internet Explorer 9, asi como también en navegadores sin soporte HTML5 pero con la posibilidad de reproducir Silverlight/Flash: Internet Explorer 6,7,8, Firefox y Opera.

Fuente: MediaElement via Web Resources Depot.