Anzeige
Anzeige
UX & Design
Artikel merken

HTML5 Video: 18 Player für Websites und Blogs

HTML5 Video ermöglicht Website-Betreibern das Einbetten von Videos, ohne auf Flash zurückgreifen zu müssen. Mittlerweile buhlen eine ganze Reihe von Video-Playern um die Gunst der Anwender. Wir stellen euch eine Auswahl vor.

Von Sébastien Bonset
3 Min. Lesezeit
Anzeige
Anzeige

Einige der erhältlichen HTML5 Video-Player unterstützen Untertitel und Rückwärtskompatibilität ist für die meisten kein Fremdwort. Allerdings sind nicht alle der hier vorgestellten Player für Privatpersonen kostenlos erhältlich. Die gewerbliche Nutzung ist in der Regel ohnehin kostenpflichtig. Eine Auswahl von für die private Nutzung kostenlosen Playern (nicht ausschließlich HTML5) findet sich im t3n-Artikel Kostenlose Video-Player für Websites und Blogs.

FlareVideo

Anzeige
Anzeige

FlareVideo bietete HTML5 Videos mit Flash-Fallback. Der Player lässt sich über CSS, JS und HTML anpassen und bietet einen Vollbildmodus. FlareVideo ist OpenSource und für die nicht gewerbliche Nutzung kostenlos.

FryPlayer

Der FryPlayer ist kostenlos erhältlich und unterstützt unter anderem Skins und Plugins. Der Player bietet einen Vollbildmodus und diverse Shortcuts.

Anzeige
Anzeige

Html5media

Html5media aktiviert die HTML5-Tags <video> und <audio> im Browser und ist eine der wohl schlanksten Lösungen für HTML5 Videos. Der Anwender muss keinerlei Dateien auf seinem Server speichern, sondern greift mit lediglich drei Zeilen Code auf dei Funktionen des Browsers zurück.

Anzeige
Anzeige

HTML5 Video Player

Sehr einfach gehaltener Video-Player, der auf HTML5, CSS, JavaScript und MooTools setzt.

JMediaelement

Das JMediaelement ist ein Multimedia-Framework für Javascript, das auf jQuery basiert. Das Framework ermöglicht das Einbinden von Multimedia-Inhalten auf Basis der HTML5-Audio- und -Video-Spezifikationen.

Anzeige
Anzeige

jPlayer

Bei jPlayer handelt es sich um ein jQuery-Plugin, mit dem sich Multimedia-Inhalte auf einer Website abspielen und kontrollieren lassen. Man kann mit der Hilfe dieses Plugins und HTML sowie CSS seinen eigenen Player erstellen und stylen. jPlayer bietet einen Flash-Fallback.

jQuery Video

jQuery Video bietet vollen jQuery-UI-Themeroller-Support und bietet neben Standardfunktionen ein minimalistische User Interface.

JW Player

Der JW Player bietet sowohl Flash als auch HTML5. Der Player unterstützt Skins, JavaScript und diverse Plugins.

Anzeige
Anzeige

KalturaHTML5

Kaltura verspricht mit dieser HTML5-Medien-Bibliothek ein einheitliches Interface in allen wichtigen Browsern. Kaltura bietet einen Flash-Fallback.

LeanBack

Dieser Player unterstützt unter anderem Untertitel und kann via CSS angepasst werden. Die Funktionen von LeanBack lassen sich mit Extensions erweitern und der Player glänzt mit vielen Funktionen und Support für unterschiedlichste Technologien.

Mooplay

Zusätzlich zum HTML5-Markup bietet Mooplay eine Reihe von Tools. Anwender können ihren eigenen Player bauen und dabei aus unterschiedlichen Funktionen auswählen. Der Player unterstützt Untertitel.

Anzeige
Anzeige

OIPlayer

Dieses jQuery-Plugin lässt sich via CSS anpassen und bietet Fallbacks zu Flash und Javascript. OIPlayer ist unter anderem mit iPhone und iPad kompatibel.

Open Video Player

Der Open Video Player soll die richtige Technologie auf Basis der Eigenschaften des verwendeten Browsers und Geräts auswählen. Der Player kann vom Anwender angepasst werden und verwendet jQuery.

OSM Player

Dieser Player versteht sich als All-in-One-Media-Player, um Inhalte wie HTML5 Video, YouTube, Vimeo oder auch Flash abzuspielen. OSM basiert auf jQuery und ist OpenSource.

Anzeige
Anzeige

Projekktor

Projekktor steht wie viele andere hier vorgestellte Player unter der GPL. Der Player basiert auf Javascript und bietet neben den Standardfunktionen ein ansprechendes Design und einige fortgeschrittene Features.

SublimeVideo

SublimeVideo bietet einen Flash-Fallback und unterstützt neben den gängigen Browsern auch eine breite Palette mobiler Geräte. Neben weiteren Funktionen bietet der Player auch eine Lightbox und unterstützt Playlisten.

Viddler

Viddler kann zwei Wochen kostenlos getestet werden. Der Player richtet sich eher an gewerbliche Nutzer und bietet eine Reihe nützlicher Funktionen wie einem Affiliate-Programm, Integration des Firmenlogos in den Player, Linkbacks und andere.

Anzeige
Anzeige

Video JS

VideoJS besteht im Kern aus drei Teilen: dem Embed-Code „Video for Everybody“, der Javascript-Bibliothek „video.js“ und dem HTML/CSS-Skin „video-js.css“.

Weiterführende Links:

Mehr zu diesem Thema
Fast fertig!

Bitte klicke auf den Link in der Bestätigungsmail, um deine Anmeldung abzuschließen.

Du willst noch weitere Infos zum Newsletter? Jetzt mehr erfahren

Anzeige
Anzeige
9 Kommentare
Bitte beachte unsere Community-Richtlinien

Wir freuen uns über kontroverse Diskussionen, die gerne auch mal hitzig geführt werden dürfen. Beleidigende, grob anstößige, rassistische und strafrechtlich relevante Äußerungen und Beiträge tolerieren wir nicht. Bitte achte darauf, dass du keine Texte veröffentlichst, für die du keine ausdrückliche Erlaubnis des Urhebers hast. Ebenfalls nicht erlaubt ist der Missbrauch der Webangebote unter t3n.de als Werbeplattform. Die Nennung von Produktnamen, Herstellern, Dienstleistern und Websites ist nur dann zulässig, wenn damit nicht vorrangig der Zweck der Werbung verfolgt wird. Wir behalten uns vor, Beiträge, die diese Regeln verletzen, zu löschen und Accounts zeitweilig oder auf Dauer zu sperren.

Trotz all dieser notwendigen Regeln: Diskutiere kontrovers, sage anderen deine Meinung, trage mit weiterführenden Informationen zum Wissensaustausch bei, aber bleibe dabei fair und respektiere die Meinung anderer. Wir wünschen Dir viel Spaß mit den Webangeboten von t3n und freuen uns auf spannende Beiträge.

Dein t3n-Team

simplyray

Wo verwendet viddler denn bitte einen HTML5 Player? Es gibt zwar einen aber der sieht A) nicht so aus wie auf dem Screenshot und b) „The HTML5 player provides basic playback capabilities to Mobile devices. Currently, the player uses the standard controls built in to the browser/device. The controls appear as the following image on iOS devices:“ – also keinerlei Möglichkeiten eines Affiliate-Programms. Das ist afaik nur mit Flashplayern (z.B. übern VAST-Standard) möglich.

Antworten
eddyfox

Schön zusammengefasst. Eine sehr gute, tabellarische Übersicht bietet auch Gerrit van Aaken in seinem Praegnanz-Blog http://praegnanz.de/html5video/

Antworten
Fuat B.

es gibt noch einen. aber das ist mehr ein portal als nur der player.
aber es bietet auch einen html5 player UND man kann die videodateien über einen smartphone oder tabletPC anschauen.

http://www.vimp.com

Antworten
Thomas

Und welchen Player empfehlt ihr, wenn der Player auch webcamfunktion bieten soll, so wie auf unserer Internetseite?

Antworten
farook

Thank you for the link. :).Interesting to read.You can embed any audio fromhtml5 media player you can upload any audio and then grab the embed code of that audio and embed it anywhere.

Antworten
Abbrechen

Melde dich mit deinem t3n Account an oder fülle die unteren Felder aus.

Bitte schalte deinen Adblocker für t3n.de aus!
Hallo und herzlich willkommen bei t3n!

Bitte schalte deinen Adblocker für t3n.de aus, um diesen Artikel zu lesen.

Wir sind ein unabhängiger Publisher mit einem Team von mehr als 75 fantastischen Menschen, aber ohne riesigen Konzern im Rücken. Banner und ähnliche Werbemittel sind für unsere Finanzierung sehr wichtig.

Schon jetzt und im Namen der gesamten t3n-Crew: vielen Dank für deine Unterstützung! 🙌

Deine t3n-Crew

Anleitung zur Deaktivierung
Artikel merken

Bitte melde dich an, um diesen Artikel in deiner persönlichen Merkliste auf t3n zu speichern.

Jetzt registrieren und merken

Du hast schon einen t3n-Account? Hier anmelden

oder
Auf Mastodon teilen

Gib die URL deiner Mastodon-Instanz ein, um den Artikel zu teilen.

Anzeige
Anzeige