merlincom it-services

Video einbinden

Video- und Audio-Codecs

<Audio> und <video>-Elemente stellen Unterstützung zur Verfügung, um Audio- und Videomedien ohne plug-ins abzuspielen. Video- und Audio-Codecs werden verwendet, um Video und Audio zu codieren, und verschiedene andere Codecs bieten unterschiedliche Niveaus der Kompression und Qualität an. Ein Behälterformat wird verwendet, um das codierte Video und Audio (beide zusammen im Fall, dass es sich um ein Video mit einem Soundtrack handelt) zu verpacken und zu übermitteln. Es gibt viele Kombinationen von codecs und Behälterformaten, obwohl nur wenige davon im Web wichtig sind.
Nicht alle Browser (Stand 2015) unterstützen dieselben Mediaformate im HTML5 Video- und Audio-Tag, dies hauptsächlich wegen patentrechtlicher Fragen.

Um ein Video mit HTML5 zu zeigen, der in den neuesten Versionen aller Hauptbrowser arbeitet, können Video sowohl im Format von WebM als auch in MPEG H.264 AAC Format, mit <Quelle> Element wie das dienen:

<video controls="controls">
  <source src="somevideo.webm" type="video/webm">
  <source src="somevideo.mp4" type="video/mp4">
  I'm sorry; your browser doesn't support HTML5 video in WebM with VP8 or MP4 with H.264.
  <!-- You can embed a Flash player here, to play your mp4 video in older browsers -->
</video>

MP4-Datei

Weiterführende Links

Ogg Theodora Cook Book