HTML5 Videos in Webseite einbinden

An sich ganz einfach. Nehmt den folgenden Code und passt die Pfade an. Das sollte es dann auch schon gewesen sein.

Wichtig dabei ist, dass Ihr unter dem Attribut type auf jeden Fall das Format (z.B. video/ogg) angeben müsst und den verwendeten Codec. Falls das Video Ton hat sollte auch dessen Codec mit angegeben werden. Mit controls könnt ihr die (browserabhängigen) Steuerelemente einblenden, autoplay startet das Video ohne das vorher erst der Play-Button gedrückt werden muss.

<video width="852" height="364" controls="controls" autoplay="autoplay" tabindex="0">
    <source src="video.ogg" type='video/ogg; codecs="theora, vorbis"' />
    <source src="video.mp4" type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"' />
    <source src="video.webm" type='video/webm; codecs="vp8, vorbis"' />
</video>

Ihr fragt Euch jetzt sicher warum man drei Videos angeben muss. Ganz einfach: Lizenzen ist das Zauberwort. Während ogg und webM unter einer freien Lizenz stehen, kosten die mp4s ab voraussichtlich 2016 Lizenzgebühren. Derzeit kann man sie jedoch noch frei benutzen.