Πώς να εισαγάγετε μια ταινία ή ένα βίντεο σε ένα έγγραφο HTML

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

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

Σημείωση: Δεν ισχύουν όλες οι παρακάτω προτάσεις για όλα τα προγράμματα περιήγησης. Βεβαιωθείτε ότι η λύση που αποφασίζετε να χρησιμοποιήσετε λειτουργεί με τα προγράμματα περιήγησης που θέλετε να υποστηρίξετε.

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

Ρομπότ κίνησης δισκέτας

HTML κώδικα

 Ρομπότ κίνησης δισκέτας 

IBM εμπορικό Linux

HTML κώδικα

 IBM εμπορικό Linux 

Ενσωματώστε ένα βίντεο στο YouTube

Η φιλοξενία βίντεο στο YouTube είναι εξαιρετική επειδή εξοικονομεί κόστος για το εύρος ζώνης, μπορεί να υποστηρίξει πολλούς θεατές και μπορεί επίσης να εισαγάγει τα βίντεό σας στους επισκέπτες της πιο δημοφιλούς σελίδας στο Διαδίκτυο. Ακολουθεί ένα παράδειγμα ενός βίντεο που φιλοξενείται στο YouTube και ενσωματώνεται σε αυτόν τον ιστότοπο.

HTML κώδικα

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

Ετικέτα βίντεο

Η ετικέτα είναι μια ετικέτα HTML που έχει σχεδιαστεί για την προβολή βίντεο σε όλα τα σύγχρονα προγράμματα περιήγησης. Η ετικέτα υποστηρίζει μορφές βίντεο MP4, Ogg και WebM και μπορεί να υλοποιηθεί με μια ενιαία ετικέτα HTML.

HTML κώδικα

 Το πρόγραμμα περιήγησης που χρησιμοποιείτε δεν υποστηρίζει το 

Βασική ετικέτα ενσωμάτωσης

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

Παράδειγμα κώδικα HTML

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

Προσθέστε αρχείο ταινίας χρησιμοποιώντας την ετικέτα img

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

Παράδειγμα κώδικα HTML

Ενσωμάτωση ετικέτας για την αναπαραγωγή ταινιών QuickTime (.MOV)

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

Σημείωση: Το QuickTime δεν υποστηρίζεται πλέον στα Microsoft Windows και όλα τα νέα προγράμματα περιήγησης δεν υποστηρίζουν πλέον αυτή τη μέθοδο ενσωμάτωσης ταινιών QuickTime.

Παράδειγμα κώδικα HTML

Στο παραπάνω παράδειγμα ενσωμάτωσης, το πρώτο τμήμα του κώδικα δείχνει την src (πηγή) του αρχείου ταινίας, το οποίο είναι το ίδιο το αρχείο ταινίας. Στη συνέχεια, η pluginspage είναι η τοποθεσία του plug-in, αν ο επισκέπτης δεν το έχει εγκαταστήσει. Το πλάτος και το ύψος είναι οι πραγματικές διαστάσεις του αρχείου βίντεο. Η τιμή του ελεγκτή μπορεί να οριστεί ως αληθής ή ψευδής για να αλλάξει την εμφάνιση των κάτω πλήκτρων ελέγχου.

Συμβουλή: Ενδέχεται να θέλετε να αυξήσετε το ύψος του αρχείου βίντεο εάν δεν μπορείτε να δείτε τον ελεγκτή.

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

Πληκτρολογήστε χαρακτηριστικό για την ετικέτα ενσωμάτωσης για να καθορίσετε την προσθήκη

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

Παράδειγμα κώδικα HTML

Στο παραπάνω παράδειγμα, το χαρακτηριστικό τύπου έχει οριστεί σε video / x-msvideo, που είναι ο τύπος MIME για αρχεία βίντεο AVI.

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