html – Video-Player

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 :

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

 


KPG – Video-Player 3 :

KPG – Video-Player 4 :

 

KPG – Video-Player 5 :


.
.
.
:
Diesen Artikel mit anderen teilen: Diese Icons verlinken auf Bookmark Dienste bei denen Nutzer neue Inhalte finden und mit anderen teilen können.
  • Google Bookmarks
  • Facebook
  • Twitter
  • XING
  • LinkedIn
  • Live-MSN
  • MisterWong
  • MySpace
  • Faves
  • MyShare
  • email
  • Print
Dieser Beitrag wurde unter Allgemein, Blogs abgelegt und mit verschlagwortet. Setze ein Lesezeichen auf den Permalink.

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert.