FlashFox VideoPlayer - Website X5 Hilfe - Die Helpsite

Direkt zum Seiteninhalt

Hauptmenü:

FlashFox VideoPlayer

Scripte > Multimedia


Einfaches Einbinden von Videos mit HTML 5 und dem FlashFox Player.

HTML5

In Ergänzung zum HTML5 Videoplayer, zeige ich Euch die Möglichkeit auch eine Videodatei im mp4-Format mit dem FlashFox Player abzuspielen. Die Videodatei muss dann auch in diesem Format auf dem Server vorliegen. Die Flashdatei zur Steuerung des FlashFox Players muss nicht herunter geladen werden.
Auch hier zwei Varianten, nur im mp4-Format über den FlashFox Player und alle gängigen abspielbaren Formate.
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-Parameter:
controls = Steuerung (Player-Skin)
autoplay = automatisch abspielen
autobuffer = Pufferung bei Videoaufruf
poster = Startbild zufügen (poster="poster.jpg")

Basic FlashFox Player

Big Buck Bunny

Download Video: MP4 Format | Ogg Format | WebM Format


Code für das HTML-Objekt:


<object type="application/x-shockwave-flash" data="http://flashfox.googlecode.com/svn/trunk/flashfox.swf" width="480" height="360">
<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
&amp;poster=http%3A%2F%2Fx5forum.home-wiekau.de%2Fmedia%2Ffiles%2Fbig_buck_bunny.jpg&amp;src=http%3A%2F%2Fx5forum.home-wiekau.de%2Fmedia%2Ffiles%2Fbig_buck_bunny.mp4" />
<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

Download Video: MP4 Format | Ogg Format | WebM Format


Code für das HTML-Objekt:


<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-shockwave-flash" data="http://flashfox.googlecode.com/svn/trunk/flashfox.swf" width="480" height="360">
 <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
&amp;poster=http%3A%2F%2Fwww.x5forum.home-wiekau.de%2Fmedia%2Ffiles%2Fbig_buck_bunny.jpg&amp;src=http%3A%2F%2Fwww.x5forum.home-wiekau.de%2Fmedia%2Ffiles%2Fbig_buck_bunny.mp4" />
<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.

Feedbacks zu ""

es gibt insgesamt 0 Kommentar(e)



Name*
Vorname
Kommentar*
Email *
Homepage
Telefon
Sicherheitscode *
 
Logo HTML5
Button Spenden

© 2009 - 2017




  Besucher Statistik
 » 2 Online
 » 3 Heute
 » 1053 Woche
 » 3754 Monat
 » 61269 Jahr
 » 237569 Gesamt
Rekord: 1420 (10.04.2014)
Zurück zum Seiteninhalt | Zurück zum Hauptmenü