Ich bin auf der Suche nach einem guten jQuery-Plugin, das HTML5-Videowiedergabe ermöglicht, mit elegantem Fallback auf Flash (und möglicherweise weiter, auf Standard-System-Player, etc). Ich habe gegoogelt, aber nichts, was ich gefunden habe, war genau das, wonach ich suche. Irgendwelche Vorschläge?
Warum brauchen Sie ein Plugin? Brauchen Sie ein Plugin um ein div zu schreiben? Benötigen Sie ein Plugin um das DOM zu manipulieren? Der Hauptpunkt der HTML5-Video- und Audioelemente ist, dass sie eingebaut sind! Sie können jQuery verwenden, um die innereHTML des Containers auf das gewöhnliche & lt; video & gt; Etikett. Wenn Sie sich Sorgen machen über Fallback, haben Sie einen absoluten Albtraum, wenn Sie versuchen, das in JS zu tun. Sind Sie wirklich zuversichtlich, dass JS genug über die Plattform raten kann, Optionen kompiliert, die der verwendete Browser verwendet, und um herauszufinden, welche Codecs unterstützt werden?
Jede Lösung, die Sie finden müssen den integrierten Fallback-Mechanismus von & lt; video & gt; nutzen, der entwickelt wurde, um alles für Sie zu tun.
Ein Tutorial mit der korrekten zu verwendenden Syntax heißt Video für alle . Entweder echo diese Code-Server-Seite aus, oder setze sie als innerHTML mit JS ein und alles funktioniert in jedem Browser, inklusive iPhone und Flash-Fallback.
Beachten Sie, dass Sie, wenn Sie das Videoelement mit JS generieren, unnötigerweise verhindern, dass es als ein Gehäuse in RSS angezeigt wird.
Die verlinkte Seite enthält auch Verweise auf andere Implementierungen derselben Idee. Alles, was JS benötigt, ist jedoch sofort suspekt, da es eher Dinge kaputt macht als die eingebaute Videounterstützung wie beabsichtigt. (Auf der anderen Seite ist die Verwendung von JS, um dem Video ziemlich geeignete Steuerelemente bereitzustellen, genauso wie beabsichtigt; es ist nur eine schlechte Idee, es zu verwenden, um das Videoelement auf der Seite zu platzieren, da es zu Bruch geht.)
Wenn Sie JS für Ihre eigenen benutzerdefinierten Steuerelemente verwenden müssen (verwenden Sie Ihr eigenes Bild für die Wiedergabe / Pause-Schaltfläche usw.), generieren Sie das Videoelement auf der Seite mit der Steueroption (überprüfen Sie die Dokumentation , falls erforderlich, und deaktivieren Sie dann die Steuerelemente, sobald Sie wissen, dass der Client über eine JS-Lösung verfügt, die das Video richtig steuern kann.
Macht das Sinn?
Ich habe gerade erst nach einer solchen Lösung gesucht und jPlayer gefunden, einen Video / Audio-Player mit HTML5-Unterstützung und Flash-Playback-Fallback-Funktionen. Es ermöglicht auch das CSS-Skinning, um Ihre Steuerelemente und Container anzupassen.