Υποενότητα 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

Άσκηση

  1. Ανοίξτε το αρχείο exersice02.2.html στον φάκελο "Exercises" στον επεξεργαστή κώδικα..
  2. Επεξεργαστείτε και αποθηκεύστε το αρχείο. Θα βρείτε το αρχεία "myvideo.mp4" στον φάκελο "media". Στον browser θα πρέπει να εμφανίζεται η επόμενη εικόνα:

Λύση: