Manuale di riferimento HTML

Completo elenco dei tag HTML

HTML: Attributo poster di <video>

Utilizzo dell'attributo poster di <video>, l'attributo poster specifica l'immagine da visualizzare mentre il video è in download o fino a quando l'utente non clicca sul pulsante play. Se non è incluso, verrà utilizzato il primo fotogramma del video.

　HTML <video> etichetta

Esempio online

Player video con immagine di poster:

Esempio

<!DOCTYPE html>
<html>
<head>　
<meta charset="utf-8">　
<title>Base Tutorial Site (oldtoolbag.com)</title>　
</head>
<body>
<video controls poster="/run/html/views.png">
　　<source src="movie.mp4" type="video/mp4">
　　<source src="movie.ogg" type="video/ogg">
　　Il tuo browser non supporta il tag video.
</video>
</body>
</html>

Prova a vedere ‹/›

Compatibilità dei browser

IEFirefoxOperaChromeSafari

Tutti i browser principali supportano l'attributo poster.

Attenzione: Internet Explorer 8 e versioni precedenti non supportano l'etichetta <video>.

Definizione e uso

L'attributo poster specifica l'immagine da visualizzare quando il video viene scaricato o fino a quando l'utente non clicca sul pulsante di riproduzione. Se non è incluso, verrà utilizzato il primo fotogramma del video.

Differenze tra HTML 4.01 e HTML5

L'etichetta <video> è una nuova etichetta HTML5.

Sintassi

<video poster="URL">

Valore dell'attributo

Valore	Descrizione
URL	Specifica l'URL del file immagine. Valori possibili: URL assoluto - Indirizzo URL di un altro sito (ad esempio: href="http://www.example.com/poster.jpg") URL relativo - Indirizzo URL dello stesso sito (ad esempio: href="poster.jpg")

　HTML <video> etichetta

HTML: <template> etichetta