Videos de youtube en Flash - Aprende como hacerlo



Compartir vídeos de Youtube es una tarea común y sencilla en HTML con el código que ofrece Youtube el cual se coloca en el código html. Veamos como publicar vídeos de Youtube en páginas hechas en Flash, para ello utilizaremos el API YouTube ActionScript 2.0 Player API Reference el cual brinda métodos para embeber los vídeos en Flash.


Cargando Videos de Youtube
Para cargar un vídeo de Youtube se debe cargar como si fuera un MovieClip normal, para ello se puede utilizar los métodos de la clase MovieClipLoader. Para la ruta de los vídeos se puede utilizar el URL: http://www.youtube.com/v/ID Donde ID es el identificador del vídeo que se desea visualizar. Entonces si tenemos un MovieClip llamado clip donde deseamos mostrar el vídeo tendríamos el siguiente código:

var tload:MovieClipLoader = new MovieClipLoader();
tload.loadClip("http://www.youtube.com/v/Jmhpy8c8hbw", clip);

El vídeo se carga correctamente pero con dimensiones de 480 x 385 pixels. Si deseamos cargar los vídeos con un tamaño especifico sin deformar el vídeo es necesario crear un detector de eventos para ejecutarlo cuando el player del video se ha cargado completamente.

var tinte:Number;
var tlist:Object = new Object();
tlist.onLoadInit = function() {
    tinte = setInterval(checkVideo, 250);
}
var tload:MovieClipLoader = new MovieClipLoader();
tload.addListener(tlist);
tload.loadClip("http://www.youtube.com/v/Jmhpy8c8hbw", clip);

Una vez que se ha cargado player de Youtube, utilizamos la función checkVideo que se encarga de verificar que el player, una ver cargado el player asignamos las dimensiones con el método setSize. Notar que al inicio hemos ocultado el player asignándole transparencia 0, al final después de haber redimensionado el player volvemos a mostrar el video cambiando la transparencia a 100.
clip._alpha = 0;
 
var tinte:Number;
var tlist:Object = new Object();
tlist.onLoadInit = function() {
    tinte = setInterval(checkVideo, 250);
}
var tload:MovieClipLoader = new MovieClipLoader();
tload.addListener(tlist);
tload.loadClip("http://www.youtube.com/v/Jmhpy8c8hbw", clip);
 
function checkVideo() {
    if (clip.isPlayerLoaded()) {
        clip.setSize(348, 278);
        clip._alpha = 100;
        clearInterval(tinte);
    }
}
Listo, tenemos nuestro vídeo cargado y con las dimensiones deseadas en Flash. Les dejo los archivos fuentes para que lo descarguen y hagan sus pruebas.

Bajatelo AQUI

0 comentarios:

Publicar un comentario en la entrada