EnglishFrenchGermanItalianPortugueseRussianSpanish





Privacy Policy

Info Cookie

Disclaimer

Stampa

Contatti



Mappa Sito


Non copiare






Siti amici

Protez. Civile Ceriale
Protez. Civile Albenga
Paracadutisti Savona
Vadoliguremeteo
Savonameteo
IW1PPB












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 senza comandi


<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 ) :

video con comandi


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>