KPG-Studio

http://www.html-seminar.de/html-5-video.htm

KPG – Video-Player 1 :

<video src="https://youtu.be/szWmEgnSCRA" width="320" height="240" 
poster="video-standbild.jpg" autobuffer autoplay 
controls>

<div>Schade – hier käme ein Video, wenn Ihr 
Browser HTML5 Unterstützung hätte, wie z.B. der 
aktuelle Firefox</div>

</video>

<video src="https://youtu.be/szWmEgnSCRA" width="512" height="288" 
poster="video/titelbild-maus.jpg" controls>

<div> Schade – hier käme ein Video, wenn Ihr Browser HTML 5 
Unterstützung für OGG hätte, wie z.B. der aktuelle Firefox</div>

</video>

Videos richtig eingebunden aber werden nicht abgespielt – Server einstellen!

Sollte alles richtig in HTML eingebettet sein und die Videos auf dem Server hochgeladen sein, aber es trotzdem noch nicht funktionieren, dann fehlt dem Server noch die Angabe der MIME-Typen.

Dazu wird beim Apache-Server das .htaccess ergänzt bzw. falls kein .htaccess vorhanden angelegt. Bei der Datei aber extrem vorsichtig sein. Mit der Datei kann man ziemlich viel zerschießen!

Für die verschiedenen Video-Formate stehen in der .htaccess-Datei folgende Einträge:

AddType video/mp4 .mp4 
AddType video/x-m4v .m4v
AddType video/webm .webm 
AddType audio/webm .weba
AddType video/ogg .ogm 
AddType video/ogg .ogv 
AddType video/ogg .ogg

 
KPG – Video-Player 2 :

KPG – Video-Player 5 :