Android

Αναγκάστε τα βίντεο html5 αντί για flash στο Chrome και τον Firefox

Web Development - Computer Science for Business Leaders 2016

Web Development - Computer Science for Business Leaders 2016

Πίνακας περιεχομένων:

Anonim

Δεν είναι μυστικό ότι ο Steve Jobs μισούσε το Flash. ήταν αποκλειστικά υπεύθυνος για την πτώση του. Οι λόγοι του, όλοι έγκυροι, μπορούν να διαβάσουν σε αυτό το εξαιρετικό δοκίμιο. Στο διαδίκτυο, ναι, το Flash χάθηκε. HTML, CSS, JavaScript κέρδισε. Ο ιστός δεν ήταν πλέον γεμάτος με άσχημες και αργές πιτσιλιές ιστοσελίδων με βάση το Flash. Ο ιστός είναι πολύ πιο όμορφος από ό, τι πριν.

Ασύρματο βύσμα: Ανατρέξτε στη νέα ενότητα "Ultimate Guides and Ebooks". Είναι αυτό που ονομάζουμε "όμορφα ενημερωτικό". Και δεν χρησιμοποιήθηκε κάποια γραμμή κώδικα Flash για την κατασκευή του.

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

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

Σε αυτόν τον οδηγό, θα επικεντρωθούμε στο πώς να εξαναγκάσουμε τα βίντεο HTML5 σε ιστότοπους όπως το YouTube και το Vimeo (όσο μπορούμε).

Γιατί θα θέλατε να το κάνετε αυτό;

Γνωρίζουμε ότι το Flash είναι σε γενικές γραμμές κακό, αλλά γιατί θα θέλατε να αλλάξετε από το βίντεο Flash σε HTML5;

  • Τα βίντεο HTML5 είναι λιγότερο έντασης πόρων. Φορτίζουν πιο γρήγορα.
  • Δεν παίρνουν σχεδόν εξίσου μεγάλη ισχύ για να τρέξουν, πράγμα που σημαίνει ότι η μπαταρία του φορητού σας διαρκεί περισσότερο.
  • Για μένα, και δεν έχω κανένα επιστημονικό τρόπο για να το αποδείξω αυτό, τα βίντεο HTML5 φαίνονται πιο ευκρινή που παίζονται με ανάλυση 720p στο Retina MacBook Pro μου.

Και φυσικά, υπάρχουν και μειονεκτήματα. Ως επί το πλείστον, τα βίντεο HTML5 δεν υποστηρίζουν ανάλυση 1080p. Εάν είστε εθισμένοι σε αναπαραγωγή πλήρους HD, αυτή η λύση ίσως να μην είναι για εσάς. Και πάλι, κατά τη γνώμη μου, η αναπαραγωγή 720p HTML5 είναι πολύ ωραία.

Το YouTube διαθέτει τη δική του σελίδα βίντεο HTML5: Η σελίδα βίντεο HTML5 της ίδιας της Google δηλώνει ότι, όποτε είναι δυνατόν, θα φορτώσει βίντεο HTML5, αλλά δεν δίνει λεπτομέρειες σχετικά με ποιες από αυτές.

Επεκτάσεις Chrome

HTML5ify

Το HTML5ify θα μπλοκάρει το περιεχόμενο Flash όπου αυτό μπορεί και θα το αντικαταστήσει με HTML5. Εκτός από το YouTube, θα αναγκάσει τους παίκτες HTML5 και στο Vimeo (αν έχετε δει περισσότερα από δύο βίντεο Vimeo, γνωρίζετε ότι ο ενσωματωμένος παίκτης περιπλέκεται άσκοπα).

HTML5 βίντεο για το YouTube

Το HTML5 Video for YouTube κάνει σχεδόν το ίδιο πράγμα με το HTML5ify, εκτός από το ότι προσθέτει μια ταινία UI κάτω από κάθε βίντεο. Η υποστήριξη HTML5 για βίντεο υψηλής ευκρίνειας εξακολουθεί να είναι δύσκολη. Έτσι ίσως χρειαστεί να κάνετε κάτι με ανάλυση 720p. Το αναπτυσσόμενο μενού κάτω από το πρόγραμμα αναπαραγωγής βίντεο σάς δίνει επιλογές για την επιλογή της ποιότητας.

Προσθετα Firefox

YouTube ALL HTML5

Το YouTube ALL HTML5 προσθέτει ένα κουμπί που μετατρέπει το τρέχον βίντεο σε μορφή HTML5.

YouTube HTML5 βίντεο

Το βίντεο HTML5 του YouTube είναι ένα απλό πρόσθετο που εισάγει "& html5 = 1" στο τέλος κάθε διεύθυνσης URL του YouTube, αναγκάζοντας το βίντεο να φορτωθεί σε HTML5. Εάν έχετε 100% εμπιστοσύνη στα βίντεο HTML5 και δεν θέλετε να κάνετε κλικ σε ένα κουμπί κάθε φορά, χρησιμοποιήστε αυτό το πρόσθετο για να αυτοματοποιήσετε βασικά τη διαδικασία.

YouTube HTML5 Player

Το YouTube HTML5 Player μοιάζει πολύ με το YouTube ALL HTML5. Σας παρουσιάζει ένα κουμπί που όταν πατηθεί, μεταβαίνει από το Flash σε βίντεο HTML5.

Flash ή HTML5;

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