Tempo fa avevamo visto come adattare un sito Flash a tutte le risoluzioni del monitor con un’immagine di sfondo.

Oggi vediamo come inserire un video di sfondo all’intero di un sito flash su tutte le risoluzioni del monitor.

Per inserire un video in sfondo di una pagina flash utilizzeremo un video esterno FLV e un oggetto Video creato in ActionScript 2.

Come al solito andiamo a vedere il codice e i files da scaricare.

Prima di tutto dobbiamo creare un oggetto video dalla Libreria > Nuovo Video

Una volta creato l’oggetto andiamo a  inserirlo sullo stage in coordinate 0,0 e diamo come nome istanza my_video.

A questo punto entriamo nel codice, tasto rapido F9 e inseriamo il seguente codice Actionscript.

Stage.align = "TL";
Stage.scaleMode = "noScale";
var f:Object = {};
f.onResize = function() {
my_video._width = Stage.width;
my_video._height = Stage.height;
};
Stage.addListener(f);
f.onResize();

Andiamo a impostare l’allineamento dello stage TL e noScale e creiamo un oggetto onResize che servirà per aggiornare le dimensioni in tempo reale dell’oggetto video.

var my_nc:NetConnection = new NetConnection();
my_nc.connect(null);
var my_ns:NetStream = new NetStream(my_nc);
my_video.attachVideo(my_ns);
my_video.smoothing = true;
my_ns.setBufferTime(5);
my_ns.play("QUI IL TUO VIDEO FLV");

Infine andiamo a creare un oggetto video e impostiamo la sorgente inserendo la URL del nostro video FLV esterno.

Da notare il parametro smoothing=true che ci aiuterà a migliorare la qualità del video qualora le dimensioni vengano distorte.

Nelle prossime versioni andremo a vedere come ridimensionare il video in proporzione e mettere in pausa.

Author

Sono un Creative Strategist con più di 10 anni di esperienza in strategie digitali. Il mio ruolo di Stratega consiste nell’ideare e sviluppare concept creativi per progetti multicanale, individuando le attivazioni e dinamiche di Marketing da applicare attraverso un approccio strategico.

55 Commenti

  1. Adesso va bene, grazie!
    L’unico problema è che il filmato FLV va a tratti perchè si deve caricare! ma non c’è una soluzione a questo???
    Ho provato a farlo più leggero ma la qualità peggiora, e poi anche la dimensione non si può fare troppo piccola perchè chi ha il monitor 17 pollici lo vede uno skifo!

    Cosa si può fare????!!!!
    Che grandezza e che peso sono consigliati???
    Grazie!

  2. julius ho usato il video come sfondo di un sito e dopo un pò che navigo mi dice: ” uno script del filmato sta rallentando la riproduzione di Flash Player” e mi si blocca tutto. Nel sito vengono caricati diversi swf tramite il load movie. Come posso risolvere il problema?

  3. francesco

    Salve, julius volevo chiederti ma è possibile inserire un video come sfondo anche in as3 con le stesse caratteristiche?
    Ci fai un tutorial Grazie!!!

  4. Perché non utilizzare un plugin facile come Tubular per inserire un video di sfondo preso da YouTube. Se interessa ho fatto qui un bel <a href="C'è un plugin chiamato "Tubular", che fa esattamente questo in pochi passi, cioè inserisce un video di sfondo di Youtube. Dai un occhio a questo tutorial!”>tutorial su come utilizzare tubular. Buon lavoro a tutti!!!!

Commenti