Come incorporare video MP4 in una pagina web (HTML5)

I video arricchiscono le pagine web: clip musicali, home video, tutorial. MP4 (MPEG-4/H.264) è lo standard universale per web, supportato da tutti i browser moderni. Il tag HTML5 <video> sostituisce i vecchi <embed>/<object> per plugin Flash/QuickTime.

Codice HTML5 moderno

<video width="640" height="360" controls preload="metadata">
  <source src="percorso/del/video.mp4" type="video/mp4">
  <!-- Fallback per browser vecchi -->
  <source src="percorso/del/video.webm" type="video/webm">
  Il tuo browser non supporta il tag video HTML5.
</video>

Attributi principali

width / height: dimensioni in pixel (mantieni proporzioni).
controls: mostra barra controlli (play, pausa, volume, fullscreen).
autoplay: avvio automatico (usare con muted per policy browser).
loop: ripetizione continua.
muted: audio muto iniziale.
poster: immagine anteprima prima del play.
preload: "none" | "metadata" | "auto".

Passaggi

Caricare video.mp4 (e opzionalmente video.webm) sul server web (stessa cartella o CDN).
Modificare l'HTML della pagina: incollare il codice <video>... dove si vuole il player.
Adattare src al percorso reale (relativo o assoluto).
Testare in browser diversi (Chrome, Firefox, Safari, Edge).

Hosting video: Per file grandi o traffico elevato, usare YouTube/Vimeo (embed iframe) o CDN video (Bunny, Mux, Cloudflare Stream) invece di servire MP4 direttamente dal server web.

Il vecchio codice <embed>/<object> per plugin è obsoleto. Non funziona su mobile e browser moderni senza plugin. Usare sempre <video> HTML5.

Come scaricare video da Internet Explorer

Come convertire video raw in AVI