Υποενότητα 2.2: Πολυμέσα
Video
Το βίντεο (Video ) είναι μια ακόμα νέα λειτουργία του HTML5.
Η ετικέτα <video>
χρησιμοποιείται για την προβολή του βίντεό μας στην ιστοσελίδα.
Ο χειρισμός του βίντεο είναι πολύ παρόμοιος με τον ήχο.
A src
attribute θα απαιτηθεί για να δηλώσει τη διεύθυνση url
του βίντεό μας
Παρόμοια με τον ήχο, μπορούμε να χρησιμοποιήσουμε το χαρακτηριστικό <controls>
(attribute) για να εμφανίζουμε το κουμπί playback και το <source>
για να τοποθετήσουμε εναλλακτικούς τύπους (formats) του βίντεο μας.
Οι μορφές βίντεο που υποστηρίζονται σε HTML5 είναι:
.mp4
, .webm
and .ogg
.
Προς το παρόν μόνο οι Chrome, Firefox και Opera υποστηρίζουν όλες αυτές τις μορφές.
Παράδειγμα:
<video controls>
<source src="movie.mp4" type="video/mp4">
<source src="movie.ogg" type="video/ogg">
Your browser does not support the video tag.
</video>
Περισσότερες πληροφορίες: https://www.w3schools.com/html/html5_video.asp
Άσκηση
- Ανοίξτε το αρχείο
exersice02.2.html
στον φάκελο "Exercises" στον επεξεργαστή κώδικα.. - Επεξεργαστείτε και αποθηκεύστε το αρχείο. Θα βρείτε το αρχεία "myvideo.mp4" στον φάκελο "media". Στον browser θα πρέπει να εμφανίζεται η επόμενη εικόνα: