Η ιδιότητα poster του HTML <video>

Ορισμός και χρήση

poster Η ιδιότητα καθορίζει μια εικόνα που θα εμφανιστεί κατά τη διάρκεια της λήψης του βίντεο ή μέχρι να πατήσει ο χρήστης το κουμπί παίξε.

Εάν δεν έχει οριστεί αυτή η ιδιότητα, θα χρησιμοποιηθεί το πρώτο πλαίσιο του βίντεο.

Παράδειγμα

Παραδείγματα με εικόνα φυλλαδίου

<video controls poster="w3v.png">
  <source src="shanghai.mp4" type="video/mp4">
  <source src="shanghai.ogg" type="video/ogg">
  Ο περιηγητής σας δεν υποστηρίζει το κείμενο video.
</video>

Προσπαθήστε να το δοκιμάσετε

Γλώσσα

<video poster="URL">

Τιμή της ιδιότητας

Τιμή Περιγραφή
URL

Καθορίζει την URL του αρχείου εικόνας.

Πιθανές τιμές:

  • Απο αβсолютτη URL - Σημαίνει άλλον ιστότοπο (π.χ. href="http://www.example.com/poster.jpg")
  • Απο relativa URL - Σημαίνει αρχεία εντός του ιστότοπου (π.χ. href="poster.jpg")

Υποστήριξη του προγράμματος περιήγησης

Ο αριθμός στην τаблицή σημαίνει την έκδοση του προγράμματος περιήγησης που υποστηρίζει πρώτη φορά αυτήν την ιδιότητα.

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