Attributo poster di HTML <video>

Definizione e uso

poster L'attributo specifica un'immagine che verrà visualizzata durante il download del video o fino a quando l'utente non clicca sul pulsante di riproduzione.

Se non è impostata questa proprietà, verrà utilizzata l'immagine del primo fotogramma del video.

Esempio

riproduttore video con immagine di poster:

<video controls poster="w3v.png">
  <source src="shanghai.mp4" type="video/mp4">
  <source src="shanghai.ogg" type="video/ogg">
  Il tuo browser non supporta il tag video.
</video>

Prova da solo

Sintassi

<video poster="URL">

Valore dell'attributo

Valore Descrizione
URL

Determina l'URL del file immagine.

Valori possibili:

  • URL assoluto - indica un altro sito (ad esempio href="http://www.example.com/poster.jpg")
  • URL relativo - indica un file all'interno del sito web (ad esempio href="poster.jpg")

Supporto del browser

I numeri nella tabella indicano la versione del browser che supporta completamente l'attributo.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
4.0 9.0 3.6 3.1 10.5