Erzwinge HTML5-Videos anstelle von Flash in Chrome und Firefox

Es ist kein Geheimnis, dass Steve Jobs Flash hasste; Er war allein für den Untergang verantwortlich. Seine Gründe, alle gültig, können in diesem ausgezeichneten Aufsatz gelesen werden. Im Web, ja, Flash verloren. HTML, CSS, JavaScript haben gewonnen. Das Web war nicht mehr mit hässlichen und langsamen Spritzer von Flash-basierten Websites gefüllt. Das Web ist viel schöner als früher.

Schamloser Stecker: Schauen Sie sich unsere neuen Ultimate Guides und Ebooks an. Das nennen wir „schön informativ“. Dabei wurde keine einzige Zeile Flash-Code verwendet.

Flash ist jedoch immer noch weit verbreitet, wenn es um Videos geht. Während die Front-End-Sprachen bereit waren, die interaktiven Elemente der Website zu übernehmen, waren HTML- und Videowiedergabe immer noch nicht die besten Freunde.

Es ist jetzt viel besser, da die HTML5-Spezifikation fertiggestellt ist und die Browser-Unterstützung auf einem Plateau liegt. Was ich damit sagen will, ist, dass viele Websites Flash-Videos zwar immer noch gerne über das Internet kabeln, dies aber nicht unbedingt tun müssen. Und obwohl YouTube viele seiner Videos in das HTML5-Format verschiebt, sind wir eindeutig nicht ganz da.

In diesem Handbuch konzentrieren wir uns darauf, wie HTML5-Videos auf Websites wie YouTube und Vimeo erzwungen werden (so weit wie möglich).

Warum sollten Sie das tun wollen?

Wir wissen, dass Flash im Großen und Ganzen schlecht ist, aber warum sollten Sie von Flash-Video zu HTML5 wechseln?

• HTML5-Videos sind weniger ressourcenintensiv. Sie laden schneller auf.
• Der Stromverbrauch ist bei weitem nicht so hoch, was bedeutet, dass der Akku Ihres Laptops länger hält.
• Für mich, und ich habe keine wissenschaftliche Möglichkeit, dies zu beweisen, sehen HTML5-Videos mit 720p-Auflösung auf meinem Retina MacBook Pro schärfer aus.

Und natürlich gibt es auch Nachteile. Meistens unterstützen HTML5-Videos keine 1080p-Auflösung. Wenn Sie auf Full-HD-Wiedergabe süchtig sind, ist diese Lösung möglicherweise nicht für Sie geeignet. Auch hier ist meiner Meinung nach die 720p HTML5-Wiedergabe sehr schön.

YouTube hat eine eigene HTML5- Videoseite : Auf der YouTube-eigenen HTML5-Videoseite wird lediglich angegeben, dass HTML5-Videos geladen werden, wann immer dies möglich ist. Es werden jedoch keine Details zu diesen Videos angegeben.

Chrome-Erweiterungen

HTML5ify

HTML5ify blockiert Flash-Inhalte, wo immer dies möglich ist, und ersetzt sie durch HTML5. Neben YouTube werden auch HTML5-Player in Vimeo erzwungen (wenn Sie mehr als ein paar Vimeo-Videos angesehen haben, ist der integrierte Player unnötig kompliziert).

HTML5-Video für YouTube

HTML5-Video für YouTube verhält sich ähnlich wie HTML5ify, fügt jedoch unter jedem Video einen Streifen Benutzeroberfläche hinzu. Die HTML5-Unterstützung für High Definition-Videos ist immer noch schwierig. Möglicherweise müssen Sie sich mit einer Auflösung von 720p begnügen. Über das Dropdown-Menü unter dem Videoplayer können Sie die Qualität auswählen.

Firefox-Add-Ons

YouTube ALL HTML5

YouTube ALL HTML5 fügt eine Schaltfläche hinzu, die das aktuelle Video in das HTML5-Format umschaltet.

YouTube HTML5-Video

YouTube HTML5-Video ist ein einfaches Add-On, das am Ende jeder YouTube-URL "& html5 = 1" einfügt und das Laden des Videos in HTML5 erzwingt. Wenn Sie zu 100% auf HTML5-Videos vertrauen und nicht jedes Mal auf eine Schaltfläche klicken möchten, können Sie mit diesem Add-On den Prozess im Wesentlichen automatisieren.

YouTube HTML5 Player

YouTube HTML5 Player ähnelt YouTube ALL HTML5. Es wird eine Schaltfläche angezeigt, die beim Drücken von Flash auf HTML5-Video umschaltet.

Flash oder HTML5?

Jetzt sind sie an der Reihe. Flash oder HTML5 - welches ist Ihr bevorzugtes Online-Video-Wiedergabeformat? Lass es uns in den Kommentaren unten wissen.