Inline Video-Einbindung: Open Source, funktioniert auch ohne Flash?

Ich suche eine möglichst einfache Lösung um einen Videoplayer inline in eine Contao-Website einzubinden. Die Anforderungen sind:

• falls ein JS-Framework genutzt wird, muss es sich mit Mootools verstehen
• es soll OpenSource sein (auch bei kommerzieller Nutzung)
• der Player kann gerne auf Flash basieren, aber er sollte ein Fallback haben (HTML5 oder JS), falls Flash nicht verfügbar ist (z. B. bei iPads)
• sollte die üblichen Videoformate unterstützen
• idealerweise sollte es Tastatursteuerung unterstützen
• idealerweise sollte es Untertitel unterstützen

Ich will bewusst keine Extension nutzen, da ich das Teil direkt manuell in ein bestehendes Template integrieren will. Habt ihr gute Scripts die diese Anforderungen schon abdecken? :)

*liest sich gerade die HTML5 Video Player Comparison Chart durch*

Der LeanBack-Player sieht gut aus, aber ich frage mich, weshalb bei der Comparison Chart angegeben ist, dass dieser Player ein wenig nervt. Hätten sie wohl netterweise dazu schreiben sollen ... Nachtrag: Verdammt, der macht bei der Lizenz wieder "Ärger" (Nutzung muss beim Autor angefragt werden) wenns Kommerziell eingesetzt wird. Sowas ist immer doof, weil es dann nicht so einfach allgemein eingebaut werden kann.

http://videojs.com/

Versuchs mal damit :) Die JS-API für den Flash-Fallback ist leider immer noch nicht da, aber sieh dich doch einfach mal um :)

Würd mich interessieren, was dabei rausgekommen ist :)

Das sieht recht nett aus, stimmt. Danke für den Hinweis. Schön ist, dass es unter der LGPL läuft. Schade ist hingegen, dass es keine Tastaturnutzung unterstützt. :(

Hmm, das könnten wir ja hinzufügen mit mootools, nicht?
Zum Beispiel...hmmm, den Buchstaben "p" für Pause :)

Code:

---

$('myButton').addEvent('keydown', function(event) {
    if (event.key == 'p') VideoJS.pause();
});

---

Hab mir mal die API angeguckt. Scheint so, als könnte man relativ einfach einen Mootools-Wrapper bauen und allenfalls mit Shortcuts ausstatten.

Das Problem ist aus meiner Sicht eher, dass die JS-API nicht für Flash zuständig ist :(

Soweit ich weiß kann man den Flowplayer beim videojs als Fallback für Flash einbinden. Frag mich aber nicht wie, bin doch kein Coder ;)

Ich wollte schon länger mal Projekktor zwei ausprobieren. Ist ein reiner HTML5 Player. Die Lizenz ist allerdings GLPv3

Zitat:

---

Zitat von Fabster

Soweit ich weiß kann man den Flowplayer beim videojs als Fallback für Flash einbinden. Frag mich aber nicht wie, bin doch kein Coder ;)

---

Jep, hab ich auch gemacht. Aber eben, die VideoJS-API ist die API für den HTML5-Fall und beeinflusst den Flash-Player in keiner Weise.
Man müsste also diesen Fall ein einer Wrapper-Klasse vorsehen :)

Quasi so:

• Wenn HTML5, nimm VideoJS-API
• Wenn Flash, nimm Flowplayer-API

Morgen.

Toflar, wie hast du den Flash Fallback gemacht.

Konkreter ein bisschen, wie kann ich den Fallback bei der Erweiterung "html5video-js" einbauen?

"html5video-js" hat die Fallback funktion drin, doch wird ein fehlerhafter Pfad im Flowplayer angezeigt, muss ich das noch irgendwo anderst einstellen (ausser in den Player einstellungen des Elementtyp's), oder ist das ein Bug?

Habe da einen passenderen Thread gefunden .. http://www.contao-community.de/showt...=html5video-js

Werde da weiterschreiben.

Gruss, lindu

Keine Ahnung, hab nicht mit einer Erweiterung gearbeitet :)