Come aggiungere video alle pagine Web basate su HTML5 e CSS3 - dummies

La possibilità di riprodurre video tramite HTML è un importante passo avanti e non è difficile da implementare. Puoi utilizzare un tag per aggiungere video alla tua pagina web e il video viene riprodotto direttamente nel browser senza richiedere un plug-in come Flash.

Certo, non è perfetto. Esistono numerosi standard video concorrenti e i browser non sono in grado di concordare quale standard accettare. Gli standard più importanti sono chiamati H. 264 e Ogg.

Alcuni browser ne preferiscono uno; alcuni preferiscono l'altro. Per rendere le cose più complicate, l'estensione del file per un video non indica sempre il meccanismo di codifica sottostante. Questo significa che la codifica video richiede qualche sperimentazione. Se il tuo file video non è nel formato che desideri, potrebbe essere necessario convertirlo. FFmpeg e VLC sono strumenti gratuiti eccezionali che puoi usare per convertire i video in qualsiasi formato tu abbia bisogno.

Come per qualsiasi proprietà intellettuale, assicurati di avere il permesso del proprietario originale del file. Solo perché puoi incorporare un video nella tua pagina web non significa che dovrebbe farlo.

Il codice per questa pagina mostra quanto è il tag:

videoDemo

Demo video
Il tuo browser non supporta i video incorporati tramite HTML 5.
Questo video è un trailer per l'incredibile cortometraggio "Big Buck Bunny". Questo esperimento dimostra che i volontari di talento possono produrre un video professionale di alta qualità utilizzando solo strumenti open source. Vai a // www. bigbuckbunny. org per vedere l'intero video.

I file video sono estremamente grandi e possono far sembrare il tuo sito più lento agli utenti. Sono anche ingombranti per passare a un server web. Per questo motivo, molti sviluppatori Web preferiscono caricare video su un servizio come YouTube e semplicemente collegarsi al video su un altro server.

Se fai clic con il pulsante destro del mouse su un video di YouTube, puoi selezionare Copia Codice da incorporare dal menu visualizzato. Questo ti dà il codice che puoi usare sul tuo sito.