Η ετικέτα video

Η ετικέτα video επιτρέπει την προσθήκη βίντεο σε μια HTML σελίδα. Με τη βοήθειά της μπορείτε επίσης να ελέγξετε αυτό το βίντεο. Η διαδρομή προς το αρχείο βίντεο καθορίζεται μέσω του γνωρίσματος src ή της ενσωματωμένης ετικέτας source.

Εάν θέλετε να δείτε έναν αναπαραγωγέα (player) για τον έλεγχο της αναπαραγωγής βίντεο - πρέπει να προσθέσετε το γνώρισμα controls. Χωρίς αυτό, δεν θα δείτε τίποτα - ούτε ήχο ούτε εικόνα θα υπάρχει.

Μερικές φορές η τοποθέτηση βίντεο στον ίδιο τον ιστότοπο δεν είναι πολύ βολική (για παράδειγμα, ο hosting σας έχει περιορισμό στο μέγεθος του ιστότοπου). Σε αυτήν την περίπτωση μπορείτε να ανεβάσετε το βίντεο στο YouTube και να το ενσωματώσετε χρησιμοποιώντας την ετικέτα iframe.

Γνωρίσματα

Γνώρισμα	Περιγραφή
src	Καθορίζει τη διαδρομή προς το αρχείο βίντεο. Αλλά είναι καλύτερα να χρησιμοποιήσετε για αυτό την ετικέτα source (σε αυτήν την περίπτωση θα μπορείτε να καθορίσετε το βίντεο σε διαφορετικές μορφές).
preload	Χρησιμοποιείται για τη φόρτωση του αρχείου βίντεο ταυτόχρονα με τη φόρτωση της σελίδας του ιστότοπου. Αποδεκτές τιμές: none (να μην φορτωθεί το αρχείο, προεπιλογή), metadata (φόρτωση μόνο των μεταδεδομένων: διάρκεια κ.λπ.), auto (φόρτωση ολόκληρου του βίντεο κατά τη φόρτωση της HTML σελίδας).
autoplay	Ο ήχος αρχίζει να παίζει αμέσως μετά τη φόρτωση της σελίδας, ενώ η παρουσία του γνωρίσματος preload θα αγνοηθεί. Γνώρισμα χωρίς τιμή.
controls	Προσθέτει πάνελ ελέγχου στο βίντεο. Γνώρισμα χωρίς τιμή. Από προεπιλογή (εάν δεν υπάρχει το γνώρισμα) το πάνελ δεν προστίθεται.
loop	Επαναλαμβάνει την ακολουθία βίντεο σε "βρόχο": μετά το τέλος της, θα αρχίσει να παίζει ξανά από την αρχή. Γνώρισμα χωρίς τιμή. Από προεπιλογή (εάν δεν υπάρχει το γνώρισμα) η ακολουθία θα παιχτεί μόνο 1 φορά.
poster	Διαδρομή προς την εικόνα που θα εμφανίζεται, όταν το βίντεο δεν είναι διαθέσιμο ή δεν αναπαράγεται. Εάν το γνώρισμα poster δεν καθοριστεί, ο browser θα προσπαθήσει να εμφανίσει το πρώτο καρέ του βίντεο.
height	Το γνώρισμα height καθορίζει το ύψος της περιοχής αναπαραγωγής του βίντεο (σε pixels ή ποσοστά). Το ίδιο το βίντεο αλλάζει τα μεγέθη του προς τα πάνω ή προς τα κάτω, προσαρμόζοντας στο καθορισμένο ύψος, αλλά οι αναλογίες του δεν αλλάζουν. Προεπιλεγμένη τιμή: το ύψος λαμβάνεται από τις παραμέτρους του βίντεο, εάν αυτή η τιμή δεν είναι διαθέσιμη, τότε η τιμή του γνωρίσματος height θεωρείται ίση με το ύψος της εικόνας από το γνώρισμα poster. Εάν και το poster δεν έχει καθοριστεί - το ύψος ορίζεται σε 150 pixels.
width	Το γνώρισμα width καθορίζει το πλάτος της περιοχής αναπαραγωγής του βίντεο (σε pixels ή ποσοστά). Το ίδιο το βίντεο αλλάζει τα μεγέθη του προς τα πάνω ή προς τα κάτω, προσαρμόζοντας στο καθορισμένο πλάτος, αλλά οι αναλογίες του δεν αλλάζουν. Προεπιλεγμένη τιμή: το πλάτος λαμβάνεται από τις παραμέτρους του βίντεο, εάν αυτή η τιμή δεν είναι διαθέσιμη, τότε η τιμή του γνωρίσματος width θεωρείται ίση με το πλάτος της εικόνας από το γνώρισμα poster. Εάν και το poster δεν έχει καθοριστεί - το πλάτος ορίζεται σε 150 pixels.

Παράδειγμα . Player σε σελίδα ιστότοπου

Ας προσθέσουμε έναν player με βίντεο στη σελίδα. Για εκείνους τους browsers που δεν υποστηρίζουν την ετικέτα video, έχει μείνει μια ειδική εγγραφή για αυτό:

Παράδειγμα .

Ας προσθέσουμε για την ετικέτα video την ετικέτα source:

Δείτε επίσης