- Offizieller Beitrag
Die MediaElement.js-Integration bringt den MediaElement.js HTML5-Player in das WoltLab Suite Core 3. MediaElement.js ist Javascript-Plugin, welches die Video- und Audio-Tags unter Browsern verfügbar macht, die diese Tags oder die Codecs nicht unterstützen. Außerdem stellt es in allen Browsern ein konsistentes Interface zur Verfügung.
Warum MediaElement.js verwenden?
Die beiden Hauptgründe für die Nutzung der MediaElement.js-Bibliothek sind Browser-Support und konsistente Gestaltung. Die MediaElement.js-Bibliothek aktiviert die Unterstützung von Audio- und Video-Tags für die folgenden Browser:
- iPhone, iPad: HTML5 nativ
- Android: HTML5 nativ
- Safari: HTML5 nativ
- Chrome: Silverlight/Flash
- Internet Explorer 9: HTML5 nativ
- Internet Explorer 6,7,8: Silverlight/Flash
- Firefox: Silverlight/Flash
- Opera: Silverlight/Flash
Der zweite Grund ist die konsistente Anzeige des Players. Jeder Browser bietet für gewöhnlich seine eigene Darstellung zur Anzeige von Video- und Audio-Elementen. MediaElement.js bietet einen konsistenten Player, der konsistent für sämtliche Browser gestaltet werden kann.
Anwendungsbeispiel:
HTML
- <video width="640" height="360" id="player1" preload="none">
- <source type="video/youtube" src="videos/example.mp4" />
- </video>
Mehr Informationen und mögliche Optionen finden Sie unter MediaElement.js - HTML5 video and audio unification framework