Hauptmenü
In Ergänzung zum HTML5 Videoplayer, zeige ich Euch die Möglichkeit auch eine Videodatei im mp4-
Auch hier zwei Varianten, nur im mp4-
Bei Variante 2 wählt der Browser das erste erkennbare Format für die Wiedergabe. Dabei spielt die Reihenfolge der Auflistung keine Rolle.
Vorteil: Bis auf die Videofiles muss nichts auf den Server geladen werden!
Die wichtigsten Konfigurations-
controls = Steuerung (Player-
autoplay = automatisch abspielen
autobuffer = Pufferung bei Videoaufruf
poster = Startbild zufügen (poster="poster.jpg")
Basic FlashFox Player
Code für das HTML-
<object type="application/x-
<param name="movie" value="http://flashfox.googlecode.com/svn/trunk/flashfox.swf" />
<param name="allowFullScreen" value="true" />
<param name="wmode" value="transparent" />
<param name="flashVars" value="controls=true
<img alt="Big Buck Bunny" src="media/files/big_buck_bunny.jpg" width="480" height="360"
title="Das Video kann nicht wiedergegeben werden, bitte downloade es unten." />
</object>
<p>
<strong>Download Video:</strong>
<a href="media/files/big_buck_bunny.mp4">MP4 Format</a> | // H.264 Version
<a href="media/files/big_buck_bunny.ogv">Ogg format</a> | // Ogg Theora Version
<a href="media/files/big_buck_bunny.webm">WebM Format</a> // WebM Version
</p>
Hinweis:
Der Code nach </object> kann auch weggelassen werden. Dieser zeigt den Download an.
Der codierte in Fettschrift markierte absolute Pfad, muss so hinterlegt werden.
Extended FlashFox Player
Code für das HTML-
<video controls="controls" poster="media/files/big_buck_bunny.jpg" width="480" height="360">
<source src="media/files/big_buck_bunny.mp4" type="video/mp4" />
<source src="media/files/big_buck_bunny.webm" type="video/webm" />
<source src="media/files/big_buck_bunny.ogv" type="video/ogg" />
<object type="application/x-
<param name="movie" value="http://flashfox.googlecode.com/svn/trunk/flashfox.swf" />
<param name="allowFullScreen" value="true" />
<param name="wmode" value="transparent" />
<param name="flashVars" value="controls=true
<img alt="Big Buck Bunny" src="media/files/big_buck_bunny.jpg" width="480" height="360"
title="Das Video kann nicht wiedergegeben werden, bitte downloade es unten." />
</object>
</video>
<p>
<strong>Download Video:</strong>
<a href="media/files/big_buck_bunny.mp4">MP4 Format</a> | // H.264 Version
<a href="media/files/big_buck_bunny.ogv">Ogg format</a> | // Ogg Theora Version
<a href="media/files/big_buck_bunny.webm">WebM Format</a> // WebM Version
</p>
Hinweis:
Der Code nach </video> kann auch weggelassen werden. Dieser zeigt den Download an.
Der codierte in Fettschrift markierte absolute Pfad, muss so hinterlegt werden.