Inserire video nella pagina Html

inserire-video-in-html

Uno degli aspetti che hanno fatto la fortuna del web e’ la possibilita’ di aggiungere alle pagine grafica, suoni, animazioni e filmati. In passato le dimensioni proibitive di questi tipi di file ne limitavano l’efficacia, ma oggi la tecnologia e le connessioni a banda larga hanno reso davvero possibili le pagine web multimediali. Oggi mi occupo di incorporazione di file video in pagine Html.

Incorporare video QuickTime

QuickTime e’ il formato video di alta qualita’ creato da apple. Esistono player gratuiti sia per Mac che per Windows.

Prima di inserire un filmato, lo dobbiamo creare e in questo caso lo salviamo con QuickTime con estensione .mov.

Adesso andiamo nella pagina e nel punto in cui vogliamo inserire il video, inseriamo questo codice:

Manca il supporto per il Plug-in Quick Time

Se vogliamo che non appaiano i pulsanti dei controlli, sostituiamo controller=”TRUE” con controller=”FALSE”, per impedire l’autoplay, dobbiamo aggiungere il comando autoplay=”FALSE”. Un aspetto interessante di questo codice e’ scale=”ASPECT”, che cosa vuol dire? Scale, da la possibilita’ di ridemensionare il filmato QuickTime; scale=”tofit” ->se vogliamo che il filmato sia ridotto o espanso in funzione del riquadro che lo contiene. Scale=”aspect”-> se vogliamo che il filmato sia ridotto o espanso in funzione del riquadro, mantenendo le proporzioni originali. Il parametro scale, tengo ad aggiungere, cambia le dimensioni del filmato, non quelle del riquadro che lo contiene. Infine per dare un colore allo sfondo del nostro filmato, aggiungiamo al codice bgcolor=”#colore”.

Inserire video postati su YouTube e Vimeo

Comunque visto che viviamo a stretto contatto con la tecnologia, possiamo sfruttare anche il fattore Youtube e Vimeo. Ad esempio, caerichiamo il video su Vimeo e integriamo la nostra pagina Html con questo semplice codice: