Inserire un video HTML5 nelle pagine web e visualizzare in anteprima il video in un browser.

Dreamweaver consente di inserire video HTML5 nelle pagine Web.

L'elemento video HTML5 fornisce una modalità standard per incorporare filmati o video nelle pagine Web.

Per ulteriori informazioni sull'elemento video HTML, vedete l'articolo sul video HTML5 in W3schools.com.

Inserire video HTML5

  1. Assicuratevi che il cursore si trovi nella posizione in cui desiderate inserire il video.

  2. Selezionate Inserisci > HTML > Video HTML5. L'elemento video HTML5 viene inserito nella posizione specificata.

  3. Nel pannello Proprietà, specificate i valori per le varie opzioni.

    Origine / Origine alt. 1 / Origine alt. 2: in Origine, inserite il percorso del file video. In alternativa, fate clic sull'icona della cartella per selezionare un file video dal file system locale. Il supporto dei formati video varia a seconda del browser. Se il formato video in Origine non è supportato in un browser, viene utilizzato il formato specificato in Origine alt. 1 o Origine alt. 2. Il browser seleziona il primo formato riconosciuto per visualizzare il video.

    Specifica delle proprietà per il video HTML5
    Specifica delle proprietà per il video HTML5

    Nota:

    Per aggiungere rapidamente dei video ai tre campi, utilizzate la selezione multipla. Quando scegliete tre formati video per lo stesso video da una cartella, il primo formato dell'elenco viene utilizzato per Origine. I seguenti formati dell'elenco vengono utilizzati per compilare automaticamente i campi Origine alt. 1 e Origine alt. 2.

    Vedete la tabella seguente per ulteriori informazioni sui browser e i formati video supportati. Per consultare le informazioni più aggiornate su questo argomento, vedete HTML5 - Supporto browser.

    Browser MP4 WebM Ogg
    Internet Explorer 9 NO NO
    Firefox 4.0 NO
    Google Chrome 6
    Apple Safari 5 NO NO
    Opera 10.6 NO
    • Titolo: immettete un titolo per il video.
    • W (Larghezza): immettete la larghezza in pixel del video.
    • H (Altezza): immettete l'altezza in pixel del video.
    • Controls: specificate se desiderate visualizzare i controlli video come Riproduci, Pausa e Disattiva audio nella pagina HTML.
    • Autoplay: selezionate questa opzione per avviare la riproduzione del video non appena viene caricato nella pagina Web.
    • Poster: inserite la posizione dell'immagine che deve essere visualizzata finché il video non è stato completamente scaricato oppure fino a quando l'utente non fa clic su Riproduci. I valori Larghezza e Altezza vengono compilati automaticamente quando inserite l'immagine.
    • Loop: selezionate questa opzione se desiderate che il video venga riprodotto ciclicamente finché l'utente non interrompe la riproduzione del filmato.
    • Muted: selezionate questa opzione se volete disattivare la porzione audio del video.
    • Flash Video: selezionate un file SWF per i browser che non supportano il video HTML5.
    • Testo di riserva: inserite il testo da visualizzare se il browser non supporta HTML5.
    • Preload: specificate le preferenze dell'autore su come deve essere caricato il video durante il caricamento della pagina. Se selezionate l'impostazione Auto, l'intero video viene caricato durante il download della pagina. Se invece selezionate Metadata, vengono scaricati solo i metadati dopo che il download della pagina è stato completato.

Anteprima del video nel browser

  1. Salvate la pagina Web.

  2. Selezionate File > Anteprima in tempo reale. Selezionate il browser in cui desiderate visualizzare l'anteprima del video.

Questo prodotto è concesso in licenza in base alla licenza di Attribuzione-Non commerciale-Condividi allo stesso modo 3.0 Unported di Creative Commons.  I post su Twitter™ e Facebook non sono coperti dai termini di Creative Commons.

Note legali   |   Informativa sulla privacy online