Inserire video nelle pagine Web
Chi vuole inserire dei video all' interno del
proprio sito web senza usare servizi come YouTube o altri,
esiste la possibilità di caricarli direttamente sul server che ospita il
proprio sito e quindi usare un tag HTML5 che aggiunge un videoplayer alla
propria pagina.
<video id="video"
src="video.mp4"></video>
src è la
posizione e il nome della sorgente video .
Il risultato è il seguente : una
finestra con il video. Non ci sono comandi. Per avviare il video,
mettere in pausa ecc. bisogna utilizzare il tasto destro.
( l' esempio qui sotto è solo un' immagine )
<video id="video" src="video.mp4"
controls></video>
questo tag contiene anche l' opzione
controls che fa in modo che passando il mouse sulla finestra del
video vengano visualizzati anche i comandi. Il risultato è il seguente
( l' esempio qui sotto è solo un'
immagine ) :
Esistono altri parametri opzionali da
inserire nel tag :
width ed height sono la larghezza e l’altezza del
fotogramma video, non utilizzarli fà in modo che il browser utilizzi le
dimensioni di default del video di originale :
<video id="video" src="video.mp4"
width="640" height="360"></video>
preload inizia il download del video non appena
l’utente va sulla pagina :
<video id="video" src="video.mp4" preload></video>
autoplay ( da non usare in quanto rende il
video troppo invadente ) indica al browser di avviare la riproduzione del
video non appena la pagina viene caricata :
video id="video" src="video.mp4" autoplay></video>
Poichè non tutti i browser sono compatibili con ogni
formato video , si possono specificare all' interno del tag più
formati dello stesso video in modo che il browser possa scegliere
automaticamente il formato che riesce a leggere :
<video id="video" width="640" height="360" preload controls>
<source src="video.mp4" />
<source src="video.mov" />
<source src="video.ogv" />
<source src="video.webm" />
</video>