CC VideoPlayer mit Playlist - Website X5 Hilfe - Die Helpsite

Videoplayer mit integrierter Playliste.

Hier einige Videoplayer, die in jeder Webseite Platz finden. Insgesamt stehen 13 verschieden Skins in jeweils 2 verschiedenen Playergrößen zur Verfügung. Änderungen an den Größen sollten nur erfahrende Nutzer durchführen.
Das Zip-Paket downloaden und auf dem Rechner entpacken. Zum Einbau in die Webseite liegt eine Einbauanleitung bei, die genau befolgt werden sollte. In der Konfigurations-Datei "videoplayer.xml" können diverse Einstellungen vorgenommen werden und die Playliste eingegeben bzw. angepasst werden. Näheres dazu aich in der Einbau-Anleitung.
Dem Zip-Paket liegen keine Videodateien bei. Es wird das Flashformat der Videodateien (flv) zur Wiedergabe benötigt.

Code für das HTML-Objekt:

<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000"
codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0"
width="425" height="384" id="CoffeeCup" align="middle">
<param name="movie" value="media/videoplayer.swf"/>
<param name="quality" value="high" />
<param name="scale" value="noscale" />
<param name="salign" value="lt" />
<param name="bgcolor" value="#D2E7C5" />
<embed src="media/videoplayer.swf"
quality="high" bgcolor="#D2E7C5"
width="425" height="384"
name="CoffeeCup" scale="noscale" salign="lt" align="middle" type="application/x-shockwave-flash"
pluginspage="http://www.macromedia.com/go/getflashplayer" />
</object>

Code der XML-Datei (myvideoplayer.xml):

<?xml version="1.0"?>
<coffeecupvideoplayer version="3.0">
 <videobox
  x="0"
  y="0"
  w="425"
  h="384"
  playonstartup="f"
  loop="f"
  shuffle="f"
  bkdobk="f"
  bkdogradient="f"
  bkfillclr="0x000000"
  bkfillalpha="100"
  bkgradclr="0xFFFFFF"
  bkgradalpha="100"
  bkgradangle="70"
  bkdoimg="t"
  bkimg="media/img/bd.png" //-- Skin
  bkdobdr="f"
  bkbdrsolid="t"
  bkbdrcolor="0x808080"
  bkdomask="t"
 >
 <rewindbutton
  x="27"
  y="337"
  w="54"
  h="35"
  toggle="f"
  btnupimg="media/img/rr.jpg" //-- Titelwahl rückwärts
  action="rr"
  visible="t"
 ></rewindbutton>

 <ffbutton
  x="191"
  y="340"
  w="51"
  h="29"
  toggle="f"
  btnupimg="media/img/ff.jpg" //-- Titelwahl vorwärts
  action="ff"
  visible="t"
 ></ffbutton>

 <playbutton
  x="102"
  y="341"
  w="53"
  h="32"
  toggle="t"
  btnupimg="media/img/play.jpg" //-- Play
  btndownimg="media/img/play.jpg" //-- Pause
  action="playpause"
  visible="t"
 ></playbutton>

 <shufbutton
  x="228"
  y="30"
  w="20"
  h="20"
  toggle="t"
  action="shuf"
  visible="f"
 ></shufbutton>

 <loopbutton
  x="100"
  y="0"
  w="20"
  h="20"
  toggle="t"
  action="loop"
  visible="f"
 ></loopbutton>

 <volume
  x="263"
  y="314"
  w="145"
  h="12"
  visible="t"
 ></volume>

 <progress
  x="15"
  y="316"
  w="227"
  visible="t"
 ></progress>

 <tree
  x="6"
  y="118"
  w="264"
  h="62"
  visible="f"
 >
 <node label="Titel-Liste"> //-- Kann auch anders benannt werden
<node name="" file="media/files/big_buck_bunny.flv" artist="Unknown" label="Big Buck Bunny"/>
 <node name="" file="media/files/pixar_jungle.flv" artist="Unknown" label="Pixar Jungle"/>
 <node name="" file="media/files/crazy_frog_champions.flv" artist="Unknown" label="Crazy Frog"/>
 </node>
 </tree>

 <label
  x="446"
  y="240"
  w="53"
  h="16"
  bkdobk="f"
  bkdogradient="f"
  bkdoimg="f"
  fntalpha="100"
  fntsize="10"
  fntclr="0xFFFFFF"
  fntbold="f"
  fntitalic="f"
  fnt="Arial"
  visible="t"
 ></label>

 <scrolllabel
  x="20"
  y="267"
  w="386"
  h="15"
  bkdobk="f"
  bkdogradient="f"
  bkdoimg="f"
  fntalpha="100"
  fntsize="10"
  fntclr="0x000000"
  fntbold="f"
  fntitalic="f"
  fnt="Arial"
  visible="t"
 ></scrolllabel>

 <treebutton
  x="325"
  y="338"
  w="84"
  h="34"
  toggle="t"
  btnupimg="media/img/pl.jpg" //-- Titel-Liste einblenden
  btndownimg="media/img/pl.jpg" //-- Titel-Liste ausblenden
  action="tree"
  visible="t"
 ></treebutton>

 <video
  x="23"
  y="24"
  h="238"
  w="381"
  visible="t"
 ></video>

 </videobox>
</coffeecupvideoplayer>

Diese Skins liegen dem ZIP-Paket zur Auswahl bei. Bitte die Einbauanleitung dazu lesen.
Zum vergrößern auf das Bild klicken.