Η ετικέτα βίντεο HTML 5 διευκολύνει την προσθήκη βίντεο στις ιστοσελίδες σας. Αλλά ενώ φαίνεται εύκολο στην επιφάνεια, υπάρχουν πολλά πράγματα που πρέπει να κάνετε για να κάνετε το βίντεό σας λειτουργικό. Αυτό το σεμινάριο θα σας καθοδηγήσει στα βήματα για να δημιουργήσετε μια σελίδα σε HTML 5 που θα εκτελεί βίντεο σε όλα τα σύγχρονα προγράμματα περιήγησης.
- Φιλοξενήστε το δικό σας HTML 5 Video vs. Χρήση του YouTube
- Γρήγορη επισκόπηση της υποστήριξης βίντεο στον Ιστό
- Δημιουργήστε και επεξεργαστείτε το βίντεό σας
- Μετατρέψτε το βίντεο σε Ogg για Firefox
- Μετατρέψτε το βίντεο σε MP4 για το Safari
- Μετατρέψτε το βίντεο σε FLV για τον Internet Explorer
- Προσθέστε το στοιχείο βίντεο στην ιστοσελίδα σας
- Προσθέστε το JavaScript και το Flash Player για να κατεβάσετε τον Internet Explorer στο Work Part 1
- Δοκιμάστε σε τόσους περιηγητές όσο μπορείτε
01 από 10
Φιλοξενήστε το δικό σας HTML 5 Video vs. Χρήση του YouTube
Το YouTube είναι ένας εξαιρετικός ιστότοπος. Κάνει εύκολη την ενσωμάτωση βίντεο σε ιστοσελίδες γρήγορα, και με μερικές μικρές εξαιρέσεις είναι αρκετά απρόσκοπτη στην εκτέλεση των εν λόγω βίντεο. Αν δημοσιεύσετε ένα βίντεο στο YouTube, μπορείτε να είστε σίγουροι ότι ο καθένας θα μπορεί να το παρακολουθήσει.
Αλλά χρησιμοποιώντας το YouTube για να ενσωματώσετε τα βίντεό σας έχει κάποια μειονεκτήματα
Τα περισσότερα από τα προβλήματα με το YouTube είναι από την πλευρά των καταναλωτών, και όχι από την πλευρά του σχεδιαστή, όπως:
- Αργή αναζήτηση και ευρετηρίαση
- Διακοπές διακομιστή
- Το περιεχόμενο αφαιρείται (φαινομενικά) αυθαίρετα
- Πάρα πολύ κακό περιεχόμενο
Αλλά υπάρχουν ορισμένοι λόγοι για τους οποίους το YouTube είναι κακό για τους προγραμματιστές περιεχομένου, όπως:
- Μέγιστο μήκος 10 λεπτών για βίντεο (για δωρεάν λογαριασμούς)
- Κακή απόδοση αποστολής
- Το YouTube κερδίζει απεριόριστα δικαιώματα χρήσης στο βίντεό σας
- Κάθε χρήστης του YouTube αποκτά απεριόριστα δικαιώματα χρήσης στο βίντεό σας
Το HTML 5 Video δίνει μερικά πλεονεκτήματα στο YouTube
Η χρήση του HTML 5 για βίντεο θα σας επιτρέψει να ελέγχετε κάθε πτυχή του βίντεο σας, από ποιον μπορεί να το δει, πόσο καιρό είναι, τι περιέχει το περιεχόμενο, πού φιλοξενείται και πώς εκτελείται ο διακομιστής. Και το βίντεο HTML 5 σάς δίνει τη δυνατότητα να κωδικοποιήσετε το βίντεό σας σε τόσες μορφές, όπως χρειάζεται για να βεβαιωθείτε ότι ο μέγιστος αριθμός ατόμων μπορεί να το δει. Οι πελάτες σας δεν χρειάζονται μια προσθήκη ή να περιμένουν μέχρι το YouTube να κυκλοφορήσει μια νεότερη έκδοση.
Φυσικά, το HTML 5 Video προσφέρει μερικά μειονεκτήματα
Αυτά περιλαμβάνουν:
- Πρέπει να κωδικοποιήσετε το βίντεό σας σε τουλάχιστον τρεις διαφορετικούς κωδικοποιητές
- Θα πρέπει να συμπεριλάβετε κάποιο JavaScript για να εξασφαλίσετε ότι τα προγράμματα περιήγησης που δεν υποστηρίζουν HTML 5 θα λειτουργήσουν
- Ο διακομιστής σας πρέπει να είναι σε θέση να χειριστεί τις απαιτήσεις εύρους ζώνης για τη φιλοξενία βίντεο
02 από 10
Γρήγορη επισκόπηση της υποστήριξης βίντεο στον Ιστό
Η προσθήκη βίντεο σε ιστοσελίδες είναι από καιρό μια δύσκολη διαδικασία. Υπήρχαν τόσα πολλά πράγματα που θα μπορούσαν να πάθουν λάθος:
- Αρχικά, χρησιμοποιείτε την ετικέτα
- Συνεπώς, μεταβείτε στην ετικέτα
- Στη συνέχεια, νομίζετε ότι " Flash !" Και κωδικοποιήστε το βίντεό σας ως αρχείο FLV. Αλλά το Flash δεν υποστηρίζεται σε πολλές κινητές συσκευές και πολλοί άνθρωποι μισούν το Flash ανεξάρτητα από το πώς χρησιμοποιείται (το 25% των ερωτηθέντων στην ερώτησή μου ρωτά για το πώς αισθάνεστε για το Flash δήλωσε ότι δεν μπορούν να σταθούν Flash με οποιονδήποτε τρόπο).
- Επομένως, αποφασίζετε να ανεβάσετε το βίντεό σας σε μια τοποθεσία ενσωμάτωσης βίντεο, όπως το YouTube, αλλά στη συνέχεια έχετε τα προβλήματα με το YouTube που συζητήσαμε.
- Τέλος, αποφασίζετε να μεταβείτε με το HTML 5, αλλά ο Internet Explorer δεν το υποστηρίζει (όχι μέχρι τον Internet Explorer 9). Και ακόμα κι αν το κάνετε, υπάρχουν δύο πρότυπα κωδικοποιητή βίντεο που υποστηρίζονται και μόνο ένα πρόγραμμα περιήγησης που μπορεί να χρησιμοποιήσει και τα δύο. Υποστήριξη προγράμματος περιήγησης για κωδικοποιητές βίντεο και κοντέινερ
Τι πρέπει λοιπόν να κάνετε; Η προβολή βίντεο δεν αποτελεί πλέον επιλογή για τους περισσότερους ιστότοπους, καθώς το βίντεο γίνεται όλο και πιο σημαντικό. Και πολλοί ιστότοποι έχουν μεταπηδήσει επιτυχώς σε βίντεο.
Οι επόμενες σελίδες αυτού του άρθρου θα σας καθοδηγήσουν στον τρόπο με τον οποίο μπορείτε να προσθέσετε βίντεο στις ιστοσελίδες σας που λειτουργούν σε Firefox 3.5, Opera 10.5, Chrome 3.0, Safari 3 και 4, iPhone και Android, Flash και Internet Explorer 7 και 8. έχετε επίσης τα κλειδιά που χρειάζεστε για να προσθέσετε υποστήριξη για άλλα παλαιότερα προγράμματα περιήγησης εάν είναι απαραίτητο.
03 από 10
Δημιουργήστε και επεξεργαστείτε το βίντεό σας
Το πρώτο πράγμα που χρειάζεστε όταν πρόκειται να βάλετε ένα βίντεο σε μια ιστοσελίδα είναι το πραγματικό βίντεο. Μπορείτε είτε να φωτογραφίζετε συνεχώς και να επεξεργάζεστε αργότερα για να δημιουργήσετε ένα χαρακτηριστικό, είτε μπορείτε να το γράψετε και να το σχεδιάσετε μπροστά από το χρόνο. Είτε λειτουργεί ο καθένας καλά, είναι ό, τι και αν είστε άνετοι. Εάν δεν ξέρετε τι είδους βίντεο πρέπει να κάνετε, δείτε αυτές τις ιδέες από τον Οδηγό βίντεο επιτραπέζιου υπολογιστή:
- Οικογενειακά έργα βίντεο
- Μάρκετινγκ και διαφημιστικά βίντεο
- Εικονικές περιηγήσεις βίντεο
- Πώς να Βίντεο
- Βίντεο γάμου
Μάθετε πώς να εγγράφετε βίντεο υψηλής ποιότητας
Βεβαιωθείτε ότι γνωρίζετε τον τρόπο εγγραφής σε εσωτερικούς και εξωτερικούς χώρους καθώς και τον τρόπο εγγραφής ήχου. Ο φωτισμός είναι επίσης πολύ σημαντικός - τα πλάνα που είναι πολύ φωτεινά βλάπτουν τα μάτια, και πολύ σκοτεινά φαίνονται μόνο λασπώδη και αντιεπαγγελματικά. Ακόμα κι αν σχεδιάζετε μόνο να έχετε ένα βίντεο 30 δευτερολέπτων στον ιστότοπό σας, τόσο υψηλότερη είναι η ποιότητα που θα αντικατοπτρίζει στον ιστότοπό σας.
Θυμηθείτε επίσης ότι τα δικαιώματα πνευματικής ιδιοκτησίας ισχύουν για όλους τους ήχους ή τη μουσική (καθώς και το πλάνο) που μπορεί να θέλετε να χρησιμοποιήσετε στο βίντεό σας. Εάν δεν έχετε πρόσβαση σε έναν φίλο που μπορεί να γράψει και να παίξει ένα τραγούδι για σας, θα χρειαστεί να βρείτε μουσική χωρίς δικαιώματα για να παίξετε στο παρασκήνιο. Υπάρχουν επίσης θέσεις που μπορείτε να αποθηκεύσετε βίντεο για να προσθέσετε στα βίντεό σας.
Επεξεργασία του βίντεό σας
Δεν έχει σημασία τι λογισμικό επεξεργασίας που χρησιμοποιείτε, μόνο όσο είστε εξοικειωμένοι με αυτό και μπορείτε να το χρησιμοποιήσετε αποτελεσματικά. Ο Gretchen, ο Οδηγός βίντεο για επιτραπέζιους υπολογιστές, διαθέτει κάποιες συμβουλές επαγγελματικής επεξεργασίας βίντεο που μπορούν να σας βοηθήσουν να επεξεργαστείτε τα βίντεό σας έτσι ώστε να φαίνονται υπέροχα.
Αποθηκεύστε το βίντεό σας σε MOV ή AVI (ή MPG, CD, DV)
Για το υπόλοιπο αυτού του σεμιναρίου, πρόκειται να υποθέσουμε ότι έχετε αποθηκεύσει το βίντεό σας σε κάποιο τύπο υψηλής ποιότητας (μη συμπιεσμένο) όπως AVI ή MOV. Ενώ μπορείτε να χρησιμοποιήσετε αυτά τα αρχεία ως έχουν, αντιμετωπίζετε όλα τα προβλήματα με το βίντεο που έχουμε ήδη συζητήσει. Οι παρακάτω σελίδες θα σας εξηγήσουν πώς να μετατρέψετε το αρχείο σας σε τρεις τύπους, ώστε να είναι ορατό από τον μεγαλύτερο αριθμό περιηγητών.
04 από 10
Μετατρέψτε το βίντεο σε Ogg για Firefox
Η πρώτη μορφή που θα μετατρέψουμε είναι Ogg (μερικές φορές ονομάζεται Ogg-Theora). Αυτή η μορφή είναι αυτή που μπορούν όλοι να προβάλλουν το Firefox 3.5, το Opera 10.5 και το Chrome 3.
Δυστυχώς, ενώ το Ogg έχει υποστήριξη προγράμματος περιήγησης, πολλά από τα γνωστά προγράμματα βίντεο που μπορείτε να αγοράσετε (Adobe Media Encoder, QuickTime κ.λπ.) δεν προσφέρουν μια επιλογή μετατροπής Ogg. Ο μόνος τρόπος για να μετατρέψετε το βίντεό σας στο Ogg είναι να βρείτε ένα πρόγραμμα μετατροπής στον ιστό.
Επιλογές μετατροπής
Υπάρχει ένα ηλεκτρονικό εργαλείο που ονομάζεται Media-Convert που απαιτεί τη μετατροπή διαφόρων μορφών βίντεο (και ήχου) σε άλλες μορφές βίντεο (και ήχου). Όταν το δοκιμάσαμε με το δοκιμαστικό βίντεο των 3 δευτερολέπτων, δεν μπορούσαμε να το χρησιμοποιήσουμε για το Mac. Αλλά μπορεί να έχετε καλύτερη τύχη. Αυτός ο ιστότοπος έχει το πλεονέκτημα ότι είναι δωρεάν.
Ορισμένα άλλα εργαλεία που εντοπίσαμε περιλαμβάνουν:
- Miro Video Converter (Windows Macintosh) - Αυτό το πρόγραμμα έχει το πλεονέκτημα της μετατροπής σε Ogg και MP4 (H.264) και είναι ανοιχτού κώδικα.
- Koyote Video Converter (Windows)
- Free Video Converter Πιστεύουμε ότι αυτό έχει τόσο Windows όσο και έκδοση Macintosh, αλλά ήταν δύσκολο να το πεις από την τοποθεσία τους
- Απλός κωδικοποιητής Theora (Macintosh) - αυτός είναι αυτός που τείνουμε να χρησιμοποιήσουμε.
Αφού αποθηκεύσετε το βίντεό σας στη μορφή Ogg, αποθηκεύστε το σε μια τοποθεσία στον ιστότοπό σας και μεταβείτε στην επόμενη σελίδα για να το μετατρέψετε σε άλλες μορφές για άλλα προγράμματα περιήγησης.
05 από 10
Μετατρέψτε το βίντεο σε MP4 για το Safari
Η επόμενη μορφή που πρέπει να μετατρέψετε το βίντεό σας είναι το MP4 (βίντεο H.264) ώστε να μπορεί να αναπαραχθεί σε Safari 3 και 4 και iPhone και Android. Επιπλέον, τα βίντεο H.264 μπορούν εύκολα να μετατραπούν σε αρχεία FLV για παρακολούθηση στο Flash.
Αυτή η μορφή είναι πιο εύκολα διαθέσιμη σε εμπορικά προϊόντα και πιθανότατα έχετε ήδη ένα πρόγραμμα που θα μετατρέψει σε MP4 εάν διαθέτετε πρόγραμμα επεξεργασίας βίντεο. Αν έχετε το Adobe Premiere, μπορείτε να χρησιμοποιήσετε τον Adobe Video Encoder ή εάν έχετε το QuickTime Pro που θα λειτουργήσει επίσης. Πολλοί από τους μετατροπείς που συζητήσαμε στην προηγούμενη σελίδα θα μετατρέψουν επίσης βίντεο σε MP4.
- Media-Μετατροπή - ένα online εργαλείο
- Miro Video Converter (Windows Macintosh) - Αυτό το πρόγραμμα έχει το πλεονέκτημα της μετατροπής σε Ogg και MP4 (H.264) και είναι ανοιχτού κώδικα.
- SUPER (Windows) - θα μετατρέψει πολλούς διαφορετικούς τύπους αρχείων σε MP4 και FLV
- Free Video Converter Πιστεύουμε ότι αυτό έχει τόσο Windows όσο και έκδοση Macintosh, αλλά ήταν δύσκολο να το πεις από την τοποθεσία τους
Αποθηκεύστε το αρχείο MP4 στον ιστότοπό σας και στη συνέχεια θα πρέπει να το μετατρέψετε σε Flash για χρήση από τον Internet Explorer.
06 από 10
Μετατρέψτε το βίντεο σε FLV για τον Internet Explorer
Ο ευκολότερος τρόπος για να μετατρέψετε τα βίντεο σε FLV είναι να χρησιμοποιήσετε το ίδιο το Flash. Έτσι μετατρέπουμε τα βίντεό μου σε Flash. Αλλά αν δεν έχετε Flash, εδώ είναι δύο δημοφιλή εργαλεία για τη μετατροπή αρχείων σε FLV:
- SUPER (Windows) - θα μετατρέψει πολλούς διαφορετικούς τύπους αρχείων σε MP4 και FLV
- ffmpegX (Macintosh) - θα μετατρέψει πολλούς διαφορετικούς τύπους αρχείων σε Mp4 και FLV.
Αποθηκεύστε το αρχείο FLV στον ιστότοπό σας και η επόμενη σελίδα θα σας δείξει πώς να γράψετε το HTML ώστε να μπορείτε να αναπαραγάγετε τα βίντεό σας.
07 από 10
Προσθέστε το στοιχείο βίντεο στην ιστοσελίδα σας
Είναι πολύ εύκολο να χρησιμοποιήσετε το HTML 5 για να προσθέσετε βίντεο σε ιστοσελίδες. Τα περισσότερα σύγχρονα προγράμματα περιήγησης υποστηρίζουν βίντεο HTML 5, αν και δεν το υποστηρίζουν όλοι με τον ίδιο τρόπο. Αλλά αυτό σημαίνει ότι εάν αποθηκεύσετε το βίντεό σας τόσο ως μορφές Ogg όσο και ως MP4, θα μπορείτε να γράφετε μόνο τέσσερις ή πέντε γραμμές HTML για να το εμφανίσετε στα περισσότερα σύγχρονα προγράμματα περιήγησης (εκτός του Internet Explorer 8). Δείτε πώς:
- Γράψτε τον δείκτη HTML 5 doctype έτσι ώστε οι περιηγητές να ξέρουν να περιμένουν HTML 5:
- Δημιουργήστε την ιστοσελίδα σας όπως θα την δημιουργούσατε κανονικά:
</ title> <br> </ head> <br> <body> <br><br> </ body> <br> </ html> </blockquote></li><li> Μέσα στο σώμα, τοποθετήστε την ετικέτα <video>: <blockquote> <video> </ video> </blockquote></li><li> Αποφασίστε ποια χαρακτηριστικά θέλετε να διαθέτει το βίντεό σας: <ul><li> Αυτόματη αναπαραγωγή - για να ξεκινήσει αμέσως μόλις γίνει λήψη </li><li> έλεγχοι - επιτρέπουν στους αναγνώστες σας να ελέγχουν το βίντεο (παύση, γρήγορη μετακίνηση προς τα εμπρός, γρήγορη μετακίνηση προς τα εμπρός) </li><li> loop - ξεκινήστε το βίντεο από την αρχή όταν τελειώνει </li><li> προφόρτωση - προεκφορτώστε το βίντεο ώστε να είναι έτοιμο γρηγορότερα όταν ο πελάτης κάνει κλικ σε αυτό </li><li> αφίσα - καθορίστε την εικόνα που θέλετε να χρησιμοποιήσετε κατά τη διακοπή του βίντεο </li></ul> Συνιστούμε τη χρήση ελέγχων και προφόρτισης. Χρησιμοποιήστε την επιλογή αφίσα εάν το βίντεό σας δεν έχει καλή πρώτη σκηνή. <blockquote> <preload video controls> </ video> </blockquote></li><li> Στη συνέχεια, προσθέστε τα αρχεία προέλευσης για τις δύο εκδόσεις του βίντεό σας (MP4 και OGG) μέσα στο στοιχείο <video>: <blockquote> <video preload preload> <br> <source src = "shasta.mp4" τύπος = 'βίντεο / mp4; codecs = "avc1.42E01E, mp4a.40.2" '> <br> <source src = "shasta.ogg" τύπος = 'βίντεο / ogg; κωδικοποιητές = "theora, vorbis" '> <br> </ video> </blockquote></li><li> Ανοίξτε τη σελίδα σε Chrome 1, Firefox 3.5, Opera 10 ή / και Safari 4 και βεβαιωθείτε ότι εμφανίζεται σωστά. Θα πρέπει να το δοκιμάσετε σε τουλάχιστον Firefox 3.5 και Safari 4 - καθώς το καθένα χρησιμοποιεί διαφορετικό codec. </li></ol><p> Αυτό είναι. Μόλις έχετε αυτόν τον κώδικα στη θέση του, θα έχετε ένα βίντεο που λειτουργεί σε Firefox 3.5, Safari 4, Opera 10 και Chrome 1. Αλλά τι γίνεται με τον Internet Explorer; </p> <h3> Ο Internet Explorer δεν συμπαθεί το HTML 5 ή την ετικέτα <video> </h3><p> Στην επόμενη ενότητα, θα μιλήσουμε για το τι μπορείτε να κάνετε για να λάβετε τον IE 8 για να παίξετε όμορφα με τις ετικέτες βίντεο HTML 5 και να προβάλλετε ένα βίντεο. Πρέπει να χρησιμοποιήσετε το Flash. Τα καλά νέα είναι ότι ο IE 9 αναμένεται να υποστηρίξει το HTML 5 και την ετικέτα βίντεο. </p> <p> <strong>08 από 10</strong> </p> <h3> Προσθέστε το JavaScript και το Flash Player για να αποκτήσετε πρόσβαση στον Internet Explorer </h3><p> Μπορεί να έχετε παρατηρήσει ότι στην HTML της προηγούμενης σελίδας, δεν υπήρχε γραμμή προέλευσης για το αρχείο FLV. Και αν δοκιμάσατε αυτή τη σελίδα στον Internet Explorer, δεν θα λειτουργούσε. Αυτό οφείλεται στο γεγονός ότι ο Internet Explorer δεν αναγνωρίζει το HTML 5 και δεν μπορεί να αναπαράγει βίντεο OGG ή MP4. Για να μπορέσει ο Internet Explorer 7 και 8 να λειτουργήσει, θα πρέπει να έχετε την δυνατότητα αναπαραγωγής του βίντεο ως Flash. Αλλά υπάρχουν περισσότερα βήματα για να το πάρει στη δουλειά από την απλή προσθήκη του αρχείου FLV. </p> <h3> Βήμα 1: Αποκτήστε ένα Flash Video Player για την ιστοσελίδα σας </h3> <p> Σας συνιστούμε να αποκτήσετε το FlowPlayer επειδή είναι ένα πρόγραμμα αναπαραγωγής βίντεο ανοιχτού κώδικα Flash το οποίο μπορείτε να εγκαταστήσετε στον διακομιστή σας Web και να το χρησιμοποιήσετε κάθε φορά που έχετε αναπαραγωγή βίντεο Flash. Η δωρεάν έκδοση του FlowPlayer εισάγει διαφήμιση στα βίντεό σας, αλλά μπορείτε επίσης να αγοράσετε εμπορικές άδειες εάν τις χρειάζεστε. </p> <p> Ακολουθήστε τις οδηγίες στην τοποθεσία FlowPlayer για να εγκαταστήσετε το FlowPlayer στον ιστότοπό σας. Με λίγα λόγια, θα εγκαταστήσετε 2 αρχεία SWF και ένα αρχείο JavaScript στον ιστότοπό σας. Στο κάτω μέρος της HTML, (πριν την ετικέτα </ body>) θα προσθέσετε μια γραμμή: </p> <blockquote> <script src = "flowplayer.min.js"> </ script> </blockquote><p> Ωστόσο, ο Internet Explorer δεν θα συνεχίσει να αναπαράγει το βίντεο, πρέπει να το διδάξετε πώς να αναγνωρίσετε τις ετικέτες HTML 5. </p> <h3> Βήμα 2: Πείστε τον Internet Explorer να διαβάζει τις ετικέτες HTML 5 </h3><p> Υπάρχει ένα εύχρηστο σενάριο στον κώδικα Google που ονομάζεται "HTML Shiv" που θα βοηθήσει το IE να αναγνωρίσει HTML 5 στοιχεία. Έτσι, στο <head> του εγγράφου HTML που θέλετε να το αναφέρετε. Είναι καλύτερο να το επισυνάψετε σε σχόλια υπό όρους, έτσι ώστε τα άλλα προγράμματα περιήγησης να μην συγχέονται: </p> <blockquote> <! - [αν IE]> <br> <script src = "http://html5shiv.googlecode.com/svn/trunk/html5.js"> </ script> <br> <! [endif] -> </blockquote><p> Εντάξει, τώρα το IE θα αναγνωρίσει την ετικέτα <video>, αλλά δεν θα ξέρει τι να κάνει με τα αρχεία προέλευσης που έχετε συμπεριλάβει μέχρι τώρα. </p> <h3> Βήμα 3: Προσθέστε μια γραμμή πηγής για το αρχείο FLV </h3><p> Όπως ακριβώς κάνατε και στην προηγούμενη σελίδα, θα προσθέσετε μια γραμμή στο HTML 5 μέσα στο στοιχείο <video> που υποδεικνύει πού αποθηκεύσατε το αρχείο FLV στο διακομιστή σας. </p> <blockquote> <video preload preload> <br> <source src = "shasta.mp4" τύπος = 'βίντεο / mp4; codecs = "avc1.42E01E, mp4a.40.2" '> <br> <source src = "shasta.ogg" τύπος = 'βίντεο / ogg; κωδικοποιητές = "theora, vorbis" '> <br> <strong><source src = "shasta.flv" τύπος = 'βίντεο / x-flv;</strong> <strong>codecs = "On2 VP6, Sorenson Spark, βίντεο οθόνης, οθόνη οθόνης 2, H.264">></strong> <br> </ video> </blockquote><p> <strong>09 από 10</strong> </p> <h3> Προσθέστε το JavaScript και το Flash Player για να αποκτήσετε πρόσβαση στον Internet Explorer - Μέρος 2 </h3><p> Δυστυχώς, δεν έχουμε ακόμη κάνει. Πρέπει τώρα να πούμε στο IE να χρησιμοποιήσει το πρόγραμμα αναπαραγωγής βίντεο FlowPlayer Flash που αναφέραμε παραπάνω. </p> <h3> Βήμα 4: Γυρίστε το στοιχείο <video> στο Flash </h3><p> Για αυτό, χρειαζόμαστε ένα άλλο σενάριο. Πήραμε το σενάριο από το <a href="https://exse.eyewated.com/fls/2c43db937344104c.js">Dive Into HTML 5</a> . Αλλά όταν το δοκιμάσαμε, δεν λειτούργησε μέχρι να κάνουμε κάποιες προσαρμογές: </p> <ul><li> Γύρω από τη γραμμή 31: προσθέστε τη θέση της εγκατάστασης του FlowPlayer. </li><li> Γύρω από τη γραμμή 42: αλλάξτε τον τύπο αρχείου από <blockquote> βίντεο / mp4 </blockquote> προς την <blockquote> βίντεο / x-flv </blockquote></li><li> Γύρω γραμμή 94: ξεκινώντας με <blockquote> αν (!! $ && !! $ (document) .ready) { </blockquote> στο τέλος του εγγράφου, αλλάξτε εκείνη την ενότητα για να διαβάσετε: <blockquote> // if (!! $ && !! $ (document) .ready) { <br> / * Οι χρήστες του jQuery μπορούν να προετοιμαστούν μόλις το DOM είναι έτοιμο * / <br> // $ (έγγραφο) .ready (html5_video_init); <br> //} άλλο { <br> / * Όλοι οι άλλοι μπορούν να περιμένουν έως ότου φορτωθούν * / <br> / * λειτουργία addEvent μέσω http://www.ilfilosofo.com/blog/2008/04/14/addevent-preserving-this/ * / <br> var addEvent = λειτουργία (obj, type, fn) { <br> αν (obj.addEventListener) <br> obj.addEventListener (τύπος, fn, ψευδές); <br> else if (obj.attachEvent) <br> obj.attachEvent ('on' + type, function () {επιστροφή fn.apply (obj, νέος πίνακας (window.event));}); <br> }} <br> addEvent (παράθυρο, "φόρτωση", html5_video_init); <br> //} </blockquote></li></ul><p> Αφού επεξεργαστείτε το αρχείο JavaScript, μεταφορτώστε το στο διακομιστή σας και συνδέστε το στο κάτω μέρος της σελίδας HTML (πριν από το </ body>): </p> <blockquote> <script src = "html5-video.js"> </ script> </blockquote><p> Μπά! Τώρα που έχετε κάνει όλα αυτά, θα πρέπει να ανεβάσετε το HTML ώστε να μπορείτε να ξεκινήσετε τη δοκιμή. </p> <p> <strong>10 από 10</strong> </p> <h3> Δοκιμάστε σε τόσους περιηγητές όσο μπορείτε </h3><p> Η δοκιμή σελίδων βίντεο είναι σημαντική, εάν θέλετε να ξεκινήσετε επιτυχώς. Θα πρέπει να δοκιμάσετε τη σελίδα σας στα πιο δημοφιλή προγράμματα περιήγησης και εκδόσεις για τον ιστότοπό σας. </p> <p> Έχουμε διαπιστώσει ότι ενώ είναι δυνατό να χρησιμοποιήσετε εργαλεία όπως το BrowserLab και το AnyBrowser για να δοκιμάσετε το βίντεο, δεν είναι τόσο αξιόπιστο όσο η αναβάθμιση της σελίδας σε ένα πρόγραμμα περιήγησης στον εαυτό σας. Όταν το κάνετε αυτό μπορείτε πραγματικά να δείτε αν λειτουργεί ή όχι. </p> <p> Δεδομένου ότι πήγατε σε όλα τα προβλήματα για να κωδικοποιήσετε το βίντεό σας σε τρεις μορφές, θα πρέπει να το δοκιμάσετε για να βεβαιωθείτε ότι εμφανίζεται και στα τρία. Αυτό σημαίνει, τουλάχιστον, ότι θα πρέπει να το δοκιμάσετε σε: </p> <ul><li> Firefox 3.5 </li><li> Σαφάρι 3 ή 4 </li><li> Internet Explorer 7 ή 8 </li></ul><p> Μπορείτε να δοκιμάσετε στο Chrome, αλλά επειδή το Chrome θα προβάλλει και τις τρεις μεθόδους (ακόμα και το Flash, εάν διαθέτετε το πρόσθετο), είναι δύσκολο να διαπιστώσετε εάν υπάρχει κάποιο πρόβλημα με κάποιο άλλο από τα δύο ή το οποίο χρησιμοποιεί το Chrome. </p> <p> Για την ειρήνη σας, πρέπει επίσης να δοκιμάσετε σε παλαιότερους φυλλομετρητές για να δείτε τι κάνουν, ειδικά αν πολλοί αναγνώστες σας χρησιμοποιούν παλαιότερα προγράμματα περιήγησης. </p> <h3> Λήψη του βίντεο που λειτουργεί σε παλαιότερα προγράμματα περιήγησης </h3><p> Όπως και με οποιαδήποτε ιστοσελίδα, θα πρέπει πρώτα να εξετάσετε πόσο σημαντικό είναι να έχετε αυτά τα προγράμματα περιήγησης να λειτουργούν. Εάν το 90% των πελατών σας χρησιμοποιούν το Netscape, τότε θα πρέπει να έχετε ένα εφεδρικό σχέδιο για αυτούς. Αλλά αν λιγότερο από 1% κάνει, μπορεί να μην έχει σημασία τόσο πολύ. </p> <p> Μόλις αποφασίσετε ποια προγράμματα περιήγησης θα προσπαθήσετε να υποστηρίξετε, ο ευκολότερος τρόπος είναι να δημιουργήσετε απλώς μια εναλλακτική σελίδα για να προβάλλουν το βίντεο. Σε αυτήν την εναλλακτική σελίδα, θα ενσωματώσετε ένα βίντεο χρησιμοποιώντας HTML 4. Και μετά είτε χρησιμοποιήστε κάποια μορφή ανίχνευσης του προγράμματος περιήγησης για να τα ανακατευθύνετε εκεί είτε απλά προσθέστε ένα σύνδεσμο προς αυτή τη σελίδα σε αυτό. </p> </div> <div class="amp-related-wrapper"> <h2>Alike posts</h2> <div class="amp-related-content"> <a href="https://eyewated.com/%CE%AD%CE%BD%CE%B1%CF%82-%CF%80%CE%BB%CE%AE%CF%81%CE%B7%CF%82-%CE%BA%CE%B1%CF%84%CE%AC%CE%BB%CE%BF%CE%B3%CE%BF%CF%82-html-%CE%BA%CF%89%CE%B4%CE%B9%CE%BA%CF%8E%CE%BD-%CE%B3%CE%B9%CE%B1/"> <amp-img src="https://exse.eyewated.com/pict/c2d45c92534f347a-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://eyewated.com/%CE%AD%CE%BD%CE%B1%CF%82-%CF%80%CE%BB%CE%AE%CF%81%CE%B7%CF%82-%CE%BA%CE%B1%CF%84%CE%AC%CE%BB%CE%BF%CE%B3%CE%BF%CF%82-html-%CE%BA%CF%89%CE%B4%CE%B9%CE%BA%CF%8E%CE%BD-%CE%B3%CE%B9%CE%B1/">Ένας πλήρης κατάλογος HTML κωδικών για τους χαρακτήρες της τουρκικής γλώσσας</a></h3> <div class="amp-related-meta"> Web Design & Dev </div> </div> </div> <div class="amp-related-content"> <a href="https://eyewated.com/%CE%B5%CE%B4%CF%8E-%CE%B5%CE%AF%CE%BD%CE%B1%CE%B9-%CE%B3%CE%B9%CE%B1%CF%84%CE%AF-%CF%85%CF%80%CE%AC%CF%81%CF%87%CE%BF%CF%85%CE%BD/"> <amp-img src="https://exse.eyewated.com/pict/166bf9152d2f3fa6-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://eyewated.com/%CE%B5%CE%B4%CF%8E-%CE%B5%CE%AF%CE%BD%CE%B1%CE%B9-%CE%B3%CE%B9%CE%B1%CF%84%CE%AF-%CF%85%CF%80%CE%AC%CF%81%CF%87%CE%BF%CF%85%CE%BD/">Εδώ είναι γιατί υπάρχουν διαφορετικές εκδόσεις του HTML</a></h3> <div class="amp-related-meta"> Web Design & Dev </div> </div> </div> <div class="amp-related-content"> <a href="https://eyewated.com/%CF%84%CE%BF-facebook-notes-%CE%B4%CE%B5%CE%BD-%CF%85%CF%80%CE%BF%CF%83%CF%84%CE%B7%CF%81%CE%AF%CE%B6%CE%B5%CE%B9-%CF%80%CE%BB%CE%AD%CE%BF%CE%BD-html-%CE%B1%CE%BB%CE%BB%CE%AC/"> <amp-img src="https://exse.eyewated.com/pict/ff980faaa43d2ff6-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://eyewated.com/%CF%84%CE%BF-facebook-notes-%CE%B4%CE%B5%CE%BD-%CF%85%CF%80%CE%BF%CF%83%CF%84%CE%B7%CF%81%CE%AF%CE%B6%CE%B5%CE%B9-%CF%80%CE%BB%CE%AD%CE%BF%CE%BD-html-%CE%B1%CE%BB%CE%BB%CE%AC/">Το Facebook Notes δεν υποστηρίζει πλέον HTML, αλλά εξακολουθεί να έχει επιλογές</a></h3> <div class="amp-related-meta"> Web Design & Dev </div> </div> </div> <div class="amp-related-content"> <a href="https://eyewated.com/%CF%80%CF%8E%CF%82-%CE%BD%CE%B1-%CF%83%CF%85%CE%BC%CF%80%CE%B5%CF%81%CE%B9%CE%BB%CE%AC%CE%B2%CE%B5%CF%84%CE%B5-html-%CF%83%CE%B5-%CF%80%CE%BF%CE%BB%CE%BB%CE%AC/"> <amp-img src="https://exse.eyewated.com/pict/a0bdfad37a7c3575-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://eyewated.com/%CF%80%CF%8E%CF%82-%CE%BD%CE%B1-%CF%83%CF%85%CE%BC%CF%80%CE%B5%CF%81%CE%B9%CE%BB%CE%AC%CE%B2%CE%B5%CF%84%CE%B5-html-%CF%83%CE%B5-%CF%80%CE%BF%CE%BB%CE%BB%CE%AC/">Πώς να συμπεριλάβετε HTML σε πολλά έγγραφα χρησιμοποιώντας τη PHP</a></h3> <div class="amp-related-meta"> Web Design & Dev </div> </div> </div> <div class="amp-related-content"> <a href="https://eyewated.com/html-%CE%BA%CF%8E%CE%B4%CE%B9%CE%BA%CE%B5%CF%82-%CE%B3%CE%B9%CE%B1-%CF%83%CF%84%CE%AF%CE%BE%CE%B7-%CE%BA%CE%B1%CE%B9-%CE%AC%CE%BB%CE%BB%CE%BF%CF%85%CF%82/"> <amp-img src="https://exse.eyewated.com/pict/f05b77d3acc02f4c-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://eyewated.com/html-%CE%BA%CF%8E%CE%B4%CE%B9%CE%BA%CE%B5%CF%82-%CE%B3%CE%B9%CE%B1-%CF%83%CF%84%CE%AF%CE%BE%CE%B7-%CE%BA%CE%B1%CE%B9-%CE%AC%CE%BB%CE%BB%CE%BF%CF%85%CF%82/">HTML κώδικες για στίξη και άλλους χαρακτήρες</a></h3> <div class="amp-related-meta"> Web Design & Dev </div> </div> </div> <div class="amp-related-content"> <div class="amp-related-text"> <h3><a href="https://eyewated.com/%CF%80%CE%BF%CE%B9%CE%BF-%CE%B5%CE%AF%CE%BD%CE%B1%CE%B9-%CF%84%CE%BF-%CF%87%CE%B1%CF%81%CE%B1%CE%BA%CF%84%CE%B7%CF%81%CE%B9%CF%83%CF%84%CE%B9%CE%BA%CF%8C/">Ποιο είναι το χαρακτηριστικό ταυτότητας;</a></h3> <div class="amp-related-meta"> Web Design & Dev </div> </div> </div> <div class="amp-related-content"> <a href="https://eyewated.com/%CF%84%CE%B9-%CE%B5%CE%AF%CE%BD%CE%B1%CE%B9-%CE%AD%CE%BD%CE%B1-blockquote/"> <amp-img src="https://exse.eyewated.com/pict/22ac97c040112fe9-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://eyewated.com/%CF%84%CE%B9-%CE%B5%CE%AF%CE%BD%CE%B1%CE%B9-%CE%AD%CE%BD%CE%B1-blockquote/">Τι είναι ένα Blockquote;</a></h3> <div class="amp-related-meta"> Web Design & Dev </div> </div> </div> <div class="amp-related-content"> <a href="https://eyewated.com/html-scroll-box/"> <amp-img src="https://exse.eyewated.com/pict/f47bdac8d880303c-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://eyewated.com/html-scroll-box/">HTML Scroll Box</a></h3> <div class="amp-related-meta"> Web Design & Dev </div> </div> </div> <div class="amp-related-content"> <a href="https://eyewated.com/%CF%83%CF%85%CE%BC%CE%B2%CE%BF%CF%85%CE%BB%CE%AD%CF%82-%CE%B3%CE%B9%CE%B1-%CF%84%CE%B7-%CF%87%CF%81%CE%AE%CF%83%CE%B7-%CE%B5%CF%84%CE%B9%CE%BA%CE%B5%CF%84%CF%8E%CE%BD/"> <amp-img src="https://exse.eyewated.com/pict/4bcc8f96607434bc-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://eyewated.com/%CF%83%CF%85%CE%BC%CE%B2%CE%BF%CF%85%CE%BB%CE%AD%CF%82-%CE%B3%CE%B9%CE%B1-%CF%84%CE%B7-%CF%87%CF%81%CE%AE%CF%83%CE%B7-%CE%B5%CF%84%CE%B9%CE%BA%CE%B5%CF%84%CF%8E%CE%BD/">Συμβουλές για τη χρήση ετικετών σχολίων HTML</a></h3> <div class="amp-related-meta"> Web Design & Dev </div> </div> </div> </div> <div class="amp-related-wrapper"> <h2>See Newest</h2> <div class="amp-related-content"> <a href="https://eyewated.com/%CF%84%CE%B9-%CE%B5%CE%AF%CE%BD%CE%B1%CE%B9-%CF%84%CE%BF-%CE%B1%CF%81%CF%87%CE%B5%CE%AF%CE%BF-wps/"> <amp-img src="https://exse.eyewated.com/pict/51a8af56486931a7-120x86.png" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://eyewated.com/%CF%84%CE%B9-%CE%B5%CE%AF%CE%BD%CE%B1%CE%B9-%CF%84%CE%BF-%CE%B1%CF%81%CF%87%CE%B5%CE%AF%CE%BF-wps/">Τι είναι το αρχείο WPS;</a></h3> <div class="amp-related-meta"> Windows </div> </div> </div> <div class="amp-related-content"> <div class="amp-related-text"> <h3><a href="https://eyewated.com/bootcfg-%CE%BA%CE%BF%CE%BD%CF%83%CF%8C%CE%BB%CE%B1-%CE%B1%CF%80%CE%BF%CE%BA%CE%B1%CF%84%CE%AC%CF%83%CF%84%CE%B1%CF%83%CE%B7%CF%82/">Bootcfg (Κονσόλα αποκατάστασης)</a></h3> <div class="amp-related-meta"> Windows </div> </div> </div> <div class="amp-related-content"> <a href="https://eyewated.com/%CF%80%CF%81%CF%8C%CF%84%CF%85%CF%80%CE%B1-%CE%B7%CE%BC%CE%B5%CF%81%CE%BF%CE%BB%CE%BF%CE%B3%CE%AF%CE%BF%CF%85-%CE%B3%CE%B9%CE%B1-%CF%80%CE%BF%CE%BB%CF%85%CE%AC%CF%83%CF%87%CE%BF%CE%BB%CE%B5%CF%82/"> <amp-img src="https://exse.eyewated.com/pict/64888aa352c13396-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://eyewated.com/%CF%80%CF%81%CF%8C%CF%84%CF%85%CF%80%CE%B1-%CE%B7%CE%BC%CE%B5%CF%81%CE%BF%CE%BB%CE%BF%CE%B3%CE%AF%CE%BF%CF%85-%CE%B3%CE%B9%CE%B1-%CF%80%CE%BF%CE%BB%CF%85%CE%AC%CF%83%CF%87%CE%BF%CE%BB%CE%B5%CF%82/">Πρότυπα ημερολογίου για πολυάσχολες οικογένειες</a></h3> <div class="amp-related-meta"> Λογισμικό </div> </div> </div> <div class="amp-related-content"> <a href="https://eyewated.com/pegasus-mail-4-7-%CE%B4%CF%89%CF%81%CE%B5%CE%AC%CE%BD-%CE%B7%CE%BB%CE%B5%CE%BA%CF%84%CF%81%CE%BF%CE%BD%CE%B9%CE%BA%CF%8C-%CF%84%CE%B1%CF%87%CF%85%CE%B4%CF%81%CE%BF%CE%BC%CE%B5%CE%AF%CE%BF/"> <amp-img src="https://exse.eyewated.com/pict/06f304c9af9a3412-120x86.png" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://eyewated.com/pegasus-mail-4-7-%CE%B4%CF%89%CF%81%CE%B5%CE%AC%CE%BD-%CE%B7%CE%BB%CE%B5%CE%BA%CF%84%CF%81%CE%BF%CE%BD%CE%B9%CE%BA%CF%8C-%CF%84%CE%B1%CF%87%CF%85%CE%B4%CF%81%CE%BF%CE%BC%CE%B5%CE%AF%CE%BF/">Pegasus Mail 4.7-δωρεάν ηλεκτρονικό ταχυδρομείο αναθεώρηση του προγράμματος</a></h3> <div class="amp-related-meta"> Λογισμικό & εφαρμογές </div> </div> </div> <div class="amp-related-content"> <a href="https://eyewated.com/%CE%B5%CE%BE%CE%B1%CE%B3%CF%89%CE%B3%CE%AE-%CE%B1%CE%BB%CE%BB%CE%B7%CE%BB%CE%BF%CE%B3%CF%81%CE%B1%CF%86%CE%AF%CE%B1%CF%82-%CE%B1%CF%80%CF%8C-%CF%84%CE%BF-thunderbird/"> <amp-img src="https://exse.eyewated.com/pict/337c435b6a4f3964-120x86.png" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://eyewated.com/%CE%B5%CE%BE%CE%B1%CE%B3%CF%89%CE%B3%CE%AE-%CE%B1%CE%BB%CE%BB%CE%B7%CE%BB%CE%BF%CE%B3%CF%81%CE%B1%CF%86%CE%AF%CE%B1%CF%82-%CE%B1%CF%80%CF%8C-%CF%84%CE%BF-thunderbird/">Εξαγωγή αλληλογραφίας από το Thunderbird: Στιγμιότυπα βήμα προς βήμα</a></h3> <div class="amp-related-meta"> Email & Μηνύματα </div> </div> </div> <div class="amp-related-content"> <a href="https://eyewated.com/%CF%80%CF%8E%CF%82-%CE%BD%CE%B1-%CE%BA%CE%AC%CE%BD%CE%B5%CF%84%CE%B5-%CE%AD%CE%BD%CE%B1-%CE%B5%CF%80%CE%B9%CF%84%CF%85%CF%87%CE%B7%CE%BC%CE%AD%CE%BD%CE%BF-%CF%81%CE%BF%CE%BB%CF%8C/"> <amp-img src="https://exse.eyewated.com/pict/71cbad6567e434b3-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://eyewated.com/%CF%80%CF%8E%CF%82-%CE%BD%CE%B1-%CE%BA%CE%AC%CE%BD%CE%B5%CF%84%CE%B5-%CE%AD%CE%BD%CE%B1-%CE%B5%CF%80%CE%B9%CF%84%CF%85%CF%87%CE%B7%CE%BC%CE%AD%CE%BD%CE%BF-%CF%81%CE%BF%CE%BB%CF%8C/">Πώς να κάνετε ένα επιτυχημένο ρολό επίδειξης για καλλιτέχνες 3D</a></h3> <div class="amp-related-meta"> Νέα & Επόμενη </div> </div> </div> </div> <div class="amp-related-wrapper"> <h2>Sapid posts</h2> <div class="amp-related-content"> <a href="https://eyewated.com/real-world-golf-review-xbox/"> <amp-img src="https://exse.eyewated.com/pict/a36d435d3eb2300a-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://eyewated.com/real-world-golf-review-xbox/">Real World Golf Review (Xbox)</a></h3> <div class="amp-related-meta"> Παιχνίδια </div> </div> </div> <div class="amp-related-content"> <a href="https://eyewated.com/%CF%80%CF%8E%CF%82-%CE%BD%CE%B1-%CE%B1%CE%BD%CE%B1%CE%B3%CE%BA%CE%AC%CF%83%CE%B5%CF%84%CE%B5-%CE%BD%CE%B1-%CE%B1%CE%BD%CE%B1%CE%BD%CE%B5%CF%8E%CF%83%CE%B5%CF%84%CE%B5-%CE%AD%CE%BD%CE%B1/"> <amp-img src="https://exse.eyewated.com/pict/13cba99a33943452-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://eyewated.com/%CF%80%CF%8E%CF%82-%CE%BD%CE%B1-%CE%B1%CE%BD%CE%B1%CE%B3%CE%BA%CE%AC%CF%83%CE%B5%CF%84%CE%B5-%CE%BD%CE%B1-%CE%B1%CE%BD%CE%B1%CE%BD%CE%B5%CF%8E%CF%83%CE%B5%CF%84%CE%B5-%CE%AD%CE%BD%CE%B1/">Πώς να αναγκάσετε να ανανεώσετε ένα φάκελο και να αποκτήσετε νέα αλληλογραφία στο iCloud</a></h3> <div class="amp-related-meta"> Email & Μηνύματα </div> </div> </div> <div class="amp-related-content"> <div class="amp-related-text"> <h3><a href="https://eyewated.com/%CF%80%CF%8E%CF%82-%CE%BD%CE%B1-%CE%B1%CE%BB%CE%BB%CE%AC%CE%BE%CE%B5%CF%84%CE%B5-%CF%84%CE%BF-%CE%BC%CE%AD%CE%B3%CE%B5%CE%B8%CE%BF%CF%82/">Πώς να αλλάξετε το μέγεθος γραμματοσειράς στα μηνύματα του Outlook.com</a></h3> <div class="amp-related-meta"> Email & Μηνύματα </div> </div> </div> <div class="amp-related-content"> <a href="https://eyewated.com/%CF%80%CF%8E%CF%82-%CE%BD%CE%B1-%CF%83%CF%85%CE%BD%CE%B4%CE%AD%CF%83%CE%B5%CF%84%CE%B5-%CF%84%CE%BF-echo-%CE%BA%CE%B1%CE%B9-%CF%84%CE%BF-alexa-%CF%83%CF%84%CE%BF-wi-fi/"> <amp-img src="https://exse.eyewated.com/pict/55eb96dc6cff33bc-120x86.gif" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://eyewated.com/%CF%80%CF%8E%CF%82-%CE%BD%CE%B1-%CF%83%CF%85%CE%BD%CE%B4%CE%AD%CF%83%CE%B5%CF%84%CE%B5-%CF%84%CE%BF-echo-%CE%BA%CE%B1%CE%B9-%CF%84%CE%BF-alexa-%CF%83%CF%84%CE%BF-wi-fi/">Πώς να συνδέσετε το Echo και το Alexa στο Wi-Fi</a></h3> <div class="amp-related-meta"> Νέα & Επόμενη </div> </div> </div> <div class="amp-related-content"> <a href="https://eyewated.com/%CF%80%CF%81%CF%8E%CF%84%CE%B7-%CE%BC%CE%B1%CF%84%CE%B9%CE%AC-%CE%BC%CE%B1%CE%B3%CE%B9%CE%BA%CF%8C-%CF%80%CE%BF%CE%BD%CF%84%CE%AF%CE%BA%CE%B9-2/"> <amp-img src="https://exse.eyewated.com/pict/732d38e6fb523234-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://eyewated.com/%CF%80%CF%81%CF%8E%CF%84%CE%B7-%CE%BC%CE%B1%CF%84%CE%B9%CE%AC-%CE%BC%CE%B1%CE%B3%CE%B9%CE%BA%CF%8C-%CF%80%CE%BF%CE%BD%CF%84%CE%AF%CE%BA%CE%B9-2/">Πρώτη ματιά: Μαγικό ποντίκι 2</a></h3> <div class="amp-related-meta"> Κριτικές προϊόντων </div> </div> </div> <div class="amp-related-content"> <a href="https://eyewated.com/%CF%87%CF%81%CE%B7%CF%83%CE%B9%CE%BC%CE%BF%CF%80%CE%BF%CE%B9%CE%AE%CF%83%CF%84%CE%B5-%CF%84%CE%B1-windows-like-a-pro-%CE%BC%CE%B5-%CF%84%CE%BF-%CE%BC%CE%B5%CE%BD%CE%BF%CF%8D-power-user/"> <amp-img src="https://exse.eyewated.com/pict/6c121eaf974e3550-120x86.png" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://eyewated.com/%CF%87%CF%81%CE%B7%CF%83%CE%B9%CE%BC%CE%BF%CF%80%CE%BF%CE%B9%CE%AE%CF%83%CF%84%CE%B5-%CF%84%CE%B1-windows-like-a-pro-%CE%BC%CE%B5-%CF%84%CE%BF-%CE%BC%CE%B5%CE%BD%CE%BF%CF%8D-power-user/">Χρησιμοποιήστε τα Windows Like a Pro με το μενού Power User</a></h3> <div class="amp-related-meta"> Windows </div> </div> </div> <div class="amp-related-content"> <a href="https://eyewated.com/5-%CF%80%CF%81%CE%BF%CE%B3%CF%81%CE%AC%CE%BC%CE%BC%CE%B1%CF%84%CE%B1-%CF%80%CE%B5%CF%81%CE%B9%CE%AE%CE%B3%CE%B7%CF%83%CE%B7%CF%82-iphone-%CF%80%CE%BF%CF%85/"> <amp-img src="https://exse.eyewated.com/pict/54a737d616f5357f-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://eyewated.com/5-%CF%80%CF%81%CE%BF%CE%B3%CF%81%CE%AC%CE%BC%CE%BC%CE%B1%CF%84%CE%B1-%CF%80%CE%B5%CF%81%CE%B9%CE%AE%CE%B3%CE%B7%CF%83%CE%B7%CF%82-iphone-%CF%80%CE%BF%CF%85/">5 προγράμματα περιήγησης iPhone που υποστηρίζουν το Flash</a></h3> <div class="amp-related-meta"> IPhone & iPod </div> </div> </div> <div class="amp-related-content"> <a href="https://eyewated.com/%CE%B4%CF%8E%CF%83%CF%84%CE%B5-%CE%AD%CE%BC%CF%86%CE%B1%CF%83%CE%B7-%CF%83%CF%84%CE%B1-%CE%B4%CE%B5%CE%B4%CE%BF%CE%BC%CE%AD%CE%BD%CE%B1-%CF%84%CE%BF%CF%85/"> <amp-img src="https://exse.eyewated.com/pict/0f70d52594c33de3-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://eyewated.com/%CE%B4%CF%8E%CF%83%CF%84%CE%B5-%CE%AD%CE%BC%CF%86%CE%B1%CF%83%CE%B7-%CF%83%CF%84%CE%B1-%CE%B4%CE%B5%CE%B4%CE%BF%CE%BC%CE%AD%CE%BD%CE%B1-%CF%84%CE%BF%CF%85/">Δώστε έμφαση στα δεδομένα του γραφήματος με τα διαγράμματα πίτας που εκρήγνυνται στο Excel</a></h3> <div class="amp-related-meta"> Λογισμικό </div> </div> </div> <div class="amp-related-content"> <a href="https://eyewated.com/%CF%80%CF%8E%CF%82-%CE%BD%CE%B1-%CE%B4%CE%B5%CE%AF%CF%84%CE%B5-%CF%84%CE%BF%CF%85%CF%82-%CF%80%CE%B1%CF%81%CE%B1%CE%BB%CE%AE%CF%80%CF%84%CE%B5%CF%82-bcc-%CF%84%CF%89%CE%BD/"> <amp-img src="https://exse.eyewated.com/pict/e6b6f5ce4965378d-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://eyewated.com/%CF%80%CF%8E%CF%82-%CE%BD%CE%B1-%CE%B4%CE%B5%CE%AF%CF%84%CE%B5-%CF%84%CE%BF%CF%85%CF%82-%CF%80%CE%B1%CF%81%CE%B1%CE%BB%CE%AE%CF%80%CF%84%CE%B5%CF%82-bcc-%CF%84%CF%89%CE%BD/">Πώς να δείτε τους παραλήπτες Bcc των μηνυμάτων ηλεκτρονικού ταχυδρομείου σας στο Mac OS X Mail</a></h3> <div class="amp-related-meta"> Macs </div> </div> </div> <div class="amp-related-content"> <a href="https://eyewated.com/%CF%80%CF%8E%CF%82-%CE%BD%CE%B1-%CE%B4%CE%B7%CE%BC%CE%B9%CE%BF%CF%85%CF%81%CE%B3%CE%AE%CF%83%CE%B5%CF%84%CE%B5-%CE%B4%CF%89%CF%81%CE%B5%CE%AC%CE%BD-ringtones-%CF%83%CF%84%CE%BF-itunes/"> <amp-img src="https://exse.eyewated.com/pict/3efc5661fdb43387-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://eyewated.com/%CF%80%CF%8E%CF%82-%CE%BD%CE%B1-%CE%B4%CE%B7%CE%BC%CE%B9%CE%BF%CF%85%CF%81%CE%B3%CE%AE%CF%83%CE%B5%CF%84%CE%B5-%CE%B4%CF%89%CF%81%CE%B5%CE%AC%CE%BD-ringtones-%CF%83%CF%84%CE%BF-itunes/">Πώς να δημιουργήσετε δωρεάν ringtones στο iTunes</a></h3> <div class="amp-related-meta"> Λογισμικό & εφαρμογές </div> </div> </div> <div class="amp-related-content"> <a href="https://eyewated.com/%CE%BA%CE%B1%CE%B8%CE%B1%CF%81%CE%AE-%CE%B5%CE%BD%CF%84%CE%BF%CE%BB%CE%AE-%CF%87%CF%81%CE%AE%CF%83%CE%B7%CF%82/"> <amp-img src="https://exse.eyewated.com/pict/48005ba792ef331c-120x86.png" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://eyewated.com/%CE%BA%CE%B1%CE%B8%CE%B1%CF%81%CE%AE-%CE%B5%CE%BD%CF%84%CE%BF%CE%BB%CE%AE-%CF%87%CF%81%CE%AE%CF%83%CE%B7%CF%82/">Καθαρή εντολή χρήσης</a></h3> <div class="amp-related-meta"> Windows </div> </div> </div> <div class="amp-related-content"> <a href="https://eyewated.com/%CE%BA%CE%B1%CF%84%CE%B1%CE%B3%CF%81%CE%B1%CF%86%CE%AE-%CF%81%CE%BF%CF%8E%CE%BD-%CE%B2%CE%AF%CE%BD%CF%84%CE%B5%CE%BF-%CE%B1%CF%80%CF%8C-%CF%84%CE%BF%CE%BD-%CE%B9%CF%83%CF%84%CF%8C/"> <amp-img src="https://exse.eyewated.com/pict/b14fbde016403061-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://eyewated.com/%CE%BA%CE%B1%CF%84%CE%B1%CE%B3%CF%81%CE%B1%CF%86%CE%AE-%CF%81%CE%BF%CF%8E%CE%BD-%CE%B2%CE%AF%CE%BD%CF%84%CE%B5%CE%BF-%CE%B1%CF%80%CF%8C-%CF%84%CE%BF%CE%BD-%CE%B9%CF%83%CF%84%CF%8C/">Καταγραφή ροών βίντεο από τον Ιστό χρησιμοποιώντας το iPad σας</a></h3> <div class="amp-related-meta"> IPad </div> </div> </div> <div class="amp-related-content"> <a href="https://eyewated.com/%CF%80%CF%8E%CF%82-%CE%BC%CF%80%CE%BF%CF%81%CF%8E-%CE%BD%CE%B1-%CE%B4%CE%B7%CE%BC%CE%B9%CE%BF%CF%85%CF%81%CE%B3%CE%AE%CF%83%CF%89-%CE%BC%CE%B9%CE%B1-%CE%B4%CE%B9%CF%83%CE%BA%CE%AD%CF%84%CE%B1/"> <amp-img src="https://exse.eyewated.com/pict/317aca30698636c2-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://eyewated.com/%CF%80%CF%8E%CF%82-%CE%BC%CF%80%CE%BF%CF%81%CF%8E-%CE%BD%CE%B1-%CE%B4%CE%B7%CE%BC%CE%B9%CE%BF%CF%85%CF%81%CE%B3%CE%AE%CF%83%CF%89-%CE%BC%CE%B9%CE%B1-%CE%B4%CE%B9%CF%83%CE%BA%CE%AD%CF%84%CE%B1/">Πώς μπορώ να δημιουργήσω μια δισκέτα επαναφοράς κωδικού πρόσβασης των Windows;</a></h3> <div class="amp-related-meta"> Windows </div> </div> </div> <div class="amp-related-content"> <a href="https://eyewated.com/%CE%BF-%CF%87%CF%81%CE%B7%CF%83%CE%B9%CE%BC%CE%BF%CF%80%CE%BF%CE%B9%CE%B7%CE%BC%CE%AD%CE%BD%CE%BF%CF%82-%CE%BF%CE%B4%CE%B7%CE%B3%CF%8C%CF%82-ipad-%CF%80%CF%8E%CF%82-%CE%BA%CE%B1%CE%B9/"> <amp-img src="https://exse.eyewated.com/pict/e807446c68b532c3-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://eyewated.com/%CE%BF-%CF%87%CF%81%CE%B7%CF%83%CE%B9%CE%BC%CE%BF%CF%80%CE%BF%CE%B9%CE%B7%CE%BC%CE%AD%CE%BD%CE%BF%CF%82-%CE%BF%CE%B4%CE%B7%CE%B3%CF%8C%CF%82-ipad-%CF%80%CF%8E%CF%82-%CE%BA%CE%B1%CE%B9/">Ο χρησιμοποιημένος οδηγός iPad: Πώς και ποιο μοντέλο να αγοράσετε</a></h3> <div class="amp-related-meta"> Αγορά Οδηγών </div> </div> </div> <div class="amp-related-content"> <a href="https://eyewated.com/ethernet-lan-%CE%B5%CF%80%CE%B5%CE%BE%CE%AE%CE%B3%CE%B7%CF%83%CE%B7/"> <amp-img src="https://exse.eyewated.com/pict/30a7685b33423ecb-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://eyewated.com/ethernet-lan-%CE%B5%CF%80%CE%B5%CE%BE%CE%AE%CE%B3%CE%B7%CF%83%CE%B7/">Ethernet LAN Επεξήγηση</a></h3> <div class="amp-related-meta"> Διαδίκτυο και δίκτυο </div> </div> </div> <div class="amp-related-content"> <div class="amp-related-text"> <h3><a href="https://eyewated.com/%CE%BF%CE%B9-7-%CE%BA%CE%B1%CE%BB%CF%8D%CF%84%CE%B5%CF%81%CE%BF%CE%B9-%CE%B4%CF%81%CE%BF%CE%BC%CE%BF%CE%BB%CE%BF%CE%B3%CE%B7%CF%84%CE%AD%CF%82-asus-%CE%BD%CE%B1/">Οι 7 καλύτεροι δρομολογητές ASUS να αγοράσουν το 2018</a></h3> <div class="amp-related-meta"> Αγορά Οδηγών </div> </div> </div> </div></article> <footer class="amp-wp-footer"> <div class="amp-wp-footer-inner"> <a href="#" class="back-to-top">Back to top</a> <p class="copyright"> © 2024 eyewated.com </p> <div class="amp-wp-social-footer"> <a href="#" class="jeg_facebook"><i class="fa fa-facebook"></i> </a><a href="#" class="jeg_twitter"><i class="fa fa-twitter"></i> </a><a href="#" class="jeg_google-plus"><i class="fa fa-google-plus"></i> </a><a href="#" class="jeg_pinterest"><i class="fa fa-pinterest"></i> </a><a href="" class="jeg_rss"><i class="fa fa-rss"></i> </a> </div> </div> </footer> <div id="statcounter"> <amp-pixel src="https://c.statcounter.com/12022999/0/02d06b5d/1/"> </amp-pixel> </div> </body> </html> <!-- Dynamic page generated in 1.156 seconds. --> <!-- Cached page generated by WP-Super-Cache on 2019-10-03 21:22:54 --> <!-- 0.001 -->