Αναπαραγωγή Βίντεο στο Web

Βασισμένος στο στοιχείο HTML που χρησιμοποιείτε, το βίντεο μπορεί να παίξει "ενσωματωμένα" ή μέσω κάποιου " βοηθού".

Ενσωματωμένα βίντεο (Inline Videos)

Όταν το βίντεο περιλαμβάνεται στην ιστοσελίδα ή αποτελεί μέρος της, ονομάζεται ενσωματωμένο βίντεο.

Με τη χρήση του στοιχείου <img>, μπορείτε να προσθέσετε ενσωματωμένα βίντεο στην ιστοσελίδα.

Αν σχεδιάζετε να χρησιμοποιήσετε ενσωματωμένα βίντεο στην εφαρμογή σας web, πρέπει να είστε σίγουροι ότι πολλοί χρήστες μισούν τα ενσωματωμένα βίντεο. Επίσης, σημειώστε ότι μερικοί χρήστες μπορεί να έχουν απενεργοποιήσει την επιλογή ενσωματωμένων βίντεο στο πρόγραμμα περιήγησής τους.

Η συμβουλή μας είναι να περιλαμβάνετε μόνο τις ενσωματωμένες βίντεο στους τομείς όπου ο χρήστης θέλει να ακούσει ήχος. Για παράδειγμα, όταν ο χρήστης ανοίγει τη σελίδα και κάνει κλικ σε έναν σύνδεσμο για να δει το βίντεο.

Χρήση των βοηθών (Plug-In, προσθήκη)

Οι εφαρμογές βοηθού είναι προγράμματα που μπορούν να ξεκινήσουν μέσω του προγράμματος περιήγησης για να " βοηθήσουν " τον περιηγητή να παίξει βίντεο. Οι εφαρμογές βοηθού είναι επίσης γνωστές ως προσθήκες (Plug-Ins).

Οι εφαρμογές βοηθού μπορούν να ξεκινήσουν χρησιμοποιώντας το στοιχείο <embed>, ή το στοιχείο <applet> και το στοιχείο <object>.

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

Οι περισσότερες εφαρμογές βοηθού επιτρέπουν τη χειροκίνητη ή τη προγραμματιστική ρύθμιση της ρύθμισης του όγκου και των λειτουργιών αναπαραγωγής, όπως επανάληψη, παύση, διακοπή και αναπαραγωγή.

Χρήση του στοιχείου <img>

Το Internet Explorer υποστηρίζει την ιδιότητα dynsrc στο στοιχείο <img>.

Η λειτουργία αυτού του element είναι να ενσωματώνει στοιχεία multimedia στην ιστοσελίδα:

<img dynsrc="video.avi" />

Το παραπάνω κείμενο κώδικα ρυθμίζει μια ενσωματωμένη αρχείο AVI για την ιστοσελίδα.

Σημείωση:}Η ιδιότητα dynsrc δεν είναι ένας τυποποιημένος στοιχείο HTML ή XHTML. Υποστηρίζεται μόνο από το Internet Explorer.

Χρήση του στοιχείου <embed>

Το Internet Explorer και το Netscape υποστηρίζουν το στοιχείο <embed>.

Η λειτουργία αυτού του element είναι να ενσωματώνει στοιχεία multimedia στην ιστοσελίδα:

<embed src="video.avi" />

Το παραπάνω κείμενο κώδικα ρυθμίζει μια ενσωματωμένη αρχείο AVI για την ιστοσελίδα.

Μπορείτε να βρείτε τη λίστα με τις ιδιότητες του στοιχείου <embed> στην τελευταία ενότητα του εγχειριδίου.

Σημείωση:}Το Internet Explorer και το Netscape υποστηρίζουν το element <embed>, αλλά δεν είναι το standard HTML ή XHTML element. Η World Wide Web Consortium (W3C) προτείνει τη χρήση του element <object> αντί του.

Χρήση του element <object>

Το Internet Explorer και το Netscape υποστηρίζουν το element <object>.

Η λειτουργία αυτού του element είναι να ενσωματώνει στοιχεία multimedia στην ιστοσελίδα:

<object data="video.avi" type="video/avi" />

Το παρακάτω κείμενο κώδικα ορίζει ένα ενσωματωμένο αρχείο AVI στην ιστοσελίδα.

Μπορείτε να βρείτε τη λίστα με τις ιδιότητες του element <object> στην τελευταία ενότητα αυτού του εκπαιδευτικού material.

Χρήση Συνδέσμων

Αν η ιστοσελίδα περιέχει έναν σύνδεσμο για ένα αρχείο μέσων, οι περισσότεροι περιηγητές θα χρησιμοποιήσουν το " βοηθητικό πρόγραμμα " για να παίξουν το αρχείο:

<a href="video.avi">Κάντε κλικ εδώ για να παίξετε το αρχείο βίντεο</a>

Το παρακάτω κείμενο κώδικα ορίζει έναν σύνδεσμο για το αρχείο AVI. Αν ο χρήστης κάνει κλικ στον σύνδεσμο αυτό, ο περιηγητής θα ξεκινήσει το βοηθητικό πρόγραμμα (π.χ. Windows Media Player) για να παίξει το αρχείο AVI.