Nachdem das Video umgewandelt ist, bekommen Sie eine xml-Datei und folgenden HTML-Code:
<div id="videoPlayer">
<script type="text/javascript" src="swfobject/swfobject.js"</script>
<script type="text/javascript" src="swfobject/swfmacmousewheel.js"</script>
<script type="text/javascript">
var flashvars = {
htmlPage: document.location,
currCateg: swfobject.getQueryParamValue("currCateg"),
currVideo: swfobject.getQueryParamValue("currVideo"),
settingsFile: "settings.xml"
};
var params = {
allowFullScreen: "true",
allowScriptAccess: "always"
};
var attributes = {
id: "videoPlayer",
name: "videoPlayer"
};
swfobject.embedSWF("videoPlayer.swf", "videoPlayer", "550", "400", "9.0.115",
"swfobject/expressInstall.swf", flashvars, params, attributes);
swfmacmousewheel.registerObject(attributes.id);
</script>
</div>
Es gibt drei Abschnitte in einer xml-Datei:
- 1. Optionen
- autoResize - wenn diese Option auf true eingesetzt ist, wird der Player entsprechend der natürlichen Größe eines Videos abgespiegelt
- width und height - gebrauchen Sie diese Optionen, wenn Sie die Größe beliebig einsetzen möchten (diese Optionen werden ignoriert, wenn autoResize=true)
- buttons space - setzen Sie den Abstand zwischen den Knöpfen in einer Kontrolleiste (in Pixeln)
- buttons display - setzen Sie die Reihenfolge von Knöpfen, die in einer Kontrolleiste erscheinen
- button sound - wenn diese Option auf true eingesetzt ist, werden Sie beim Drücken auf die Knöpfe einen leisen Ton hören
- showMiddlePlayBtn - wenn diese Option auf true eingesetzt ist, wird der Middle Play Knopf beim Stoppen oder Pausieren einer Videowiedergabe abgespiegelt
- controls bar hide - wenn diese Option auf true eingesetzt ist, wird die Kontrolleiste ohne eigene aktive Handlung eines Benutzers im Laufe von eingestellter Zeit (in Sekunden) automatisch verschwinden
- controls bar hideDelay - Zeitperiode (in Sekunden) seit der letzten aktiven Handlung eines Benutzers, nach der die Kontrolleiste automatisch verschwindet
- videos buffer - Zeitperiode (in Sekunden), die für das Laden vom Video nötig ist, bevor es abgespielt wird
- keepAspectRatio - wenn diese Option auf false eingesetzt ist, wird das Video in voller Größe des Players überschaubar
- autoLoad - wenn diese Option auf true eingesetzt ist, beginnt der Player seit dem Anfahren das Video zu laden
- autoPlay - wenn diese Option auf true eingesetzt ist, beginnt der Player das Video seit dem Anfahren abzuspielen (dabei wird die Option autoLoad ignoriert)
- jumpToNextCategory - wenn diese Option und auch playContinuously auf true eingesetzt sind, wird der Player beim Beenden der Videos aus der laufenden Kategorie zum ersten Video aus der nächsten Kategorie weitergehen
- loop - wenn diese Option auf true eingesetzt ist, wird der Player das Video wiederholen
- random - wenn diese Option auf true eingesetzt ist, wird der Player ein neues Video mit Zufallswiedergabe spielen, auch wenn autoPlay auf true eingesetzt ist.
- volume default - Default-Lautstärke
- volume format - Lautstärkeleiste kann man entweder vertikal oder horizontal positioniert werden
- watermark visible - wenn diese Option auf true eingesetzt ist, wird das Wasserzeichen oberhalb des Videos abgespiegelt
- watermark position - der Wert kann TL, TR, BL, BR (T-oben, B-unten, R-rechts, L-links) sein
- tooltip visible - wenn diese Option auf true eingesetzt ist, werden die Tooltips erscheinen, die beim Überfahren mit der Maus angezeigt sind
- tooltip hideDelay - Zeitperiode in Sekunden vor dem automatischen Verschwinden eines Tooltips, nachdem der Mauszeiger von dem Knopf weggenommen wurde
- listeners spaceKey - wenn diese Option auf true eingesetzt ist, wird das Video beim Drücken des Space-Knopfes abgespielt/pausiert
- listeners click - wenn diese Option auf true eingesetzt ist, wird das Video beim klicken auf den Wiedergabebereich des Videos abgespielt/pausiert
- listeners doubleClick - wenn diese Option auf true eingesetzt ist, wird der Doppelklick innerhalb des Players die Darstellung in den Vollbildmodus umschalten
- cursor hide - wenn diese Option auf true eingesetzt ist, wird der Mauszeiger ohne eigene aktive Handlung eines Benutzers im Laufe von eingestellter Zeit automatisch verschwinden
- cursor hideDelay - Zeitperiode (in Sekunden) seit der letzten aktiven Handlung eines Benutzers, nach der der Mauszeiger automatisch verschwindet
- playlist size - die Höhe einer Playlist (für das obere/untere Alignement) oder ihre Breite (für das obere/untere Alignement) in Pixeln
- playlist thumbWidth - die Breite eines Vorschaubildes in einer Playlist drin, in Pixeln
- playlist thumbHeight - die Höhe eines Vorschaubildes in einer Playlist drin, in Pixeln
- playlist thumbPadding - die Distanz zwischen den Vorschaubildern in einer Playlist, in Pixeln
- description visible - wenn diese Option auf true eingesetzt ist, wird die Beschreibung zum Video im Player untern angezeigt
- description size - Höhe des Gebiets mit einer Beschreibung, in Pixeln
- 2. Farben
- playerBackground - Hintergrundfarbe eines Videos
- preloader:
- background - Hintergrundfarbe
- bckAlpha - Hintergrundtransparenz
- text - Farbe eines prozentualen Verhältnises
- circle - Farbe einer rotierender Kreislinie
- middlePlayBtn:
- arrowNormal - Farbe eines Zeigers für normalen Zustand
- bckNormal - Hintergrundfarbe für normalen Zustand
- alphaNormal - Der Transparenzwert für normalen Zustand
- arrowOver - Farbe eines Zeigers in der Oberposition
- bckOver - Hintergrundfarbe in der Oberposition
- alphaOver - Der Transparenzwert in der Oberposition
- arrowDown - Farbe eines Zeigers beim Drücken
- bckDown - Hintergrundfarbe in der Oberposition
- alphaDown - Der Transparenzwert beim Drücken
- controllerBackground - Hintergrundfarbe einer Kontrolleiste
- controllerButtons:
- normal - die Tastenfarbe für normalen Zustand
- over - die Tastenfarbe in der Oberposition
- down - die Tastenfarbe beim Drücken
- volume:
- border - Farbe der Kante eines Lautstärkereglers
- background - Hintergrundfarbe eines Lautstärkereglers
- speaker - die Farbe eines Lautsprechers
- bar - Die Farbe eines Lautstärkereglers
- volumeScrubBtn:
- brdNormal - Farbe der Kante eines Reiters vom Lautstärkereglers für normalen Zustand
- bckNormal - Hintergrundfarbe eines Reiters vom Lautstärkereglers für normalen Zustand
- brdOver - Farbe der Kante eines Reiters vom Lautstärkereglers in der Oberposition
- bckOver - Hintergrundfarbe eines Reiters vom Lautstärkereglers in der Oberposition
- brdDown - Farbe der Kante eines Reiters vom Lautstärkereglers beim Drücken
- bckDown - Hintergrundfarbe eines Reiters vom Lautstärkereglers beim Drücken
- progressBar:
- border - Farbe der Kante eines Fortschrittsbalkens
- background - Hintergrundfarbe eines Fortschrittsbalkens
- elapse - Farbe einer zurückgelegten Zeitstrecke der Zeitskala
- download - Farbe der heruntergenadenen Zeitskala
- progressScrubBtn:
- brdNormal - Farbe der Kante vom Reiter einer Fortschrittleiste für normalen Zustand
- bckNormal - Hintergrundfarbe des Reiters einer Fortschrittleiste für normalen Zustand
- brdOver - Farbe der Kante vom Reiter einer Fortschrittleiste in der Oberposition
- bckOver - Hintergrundfarbe des Reiters einer Fortschrittleiste in der Oberposition
- brdDown - Farbe der Kante vom Reiter einer Fortschrittleiste beim Drücken
- bckDown - Hintergrundfarbe des Reiters einer Fortschrittleiste beim Drücken
- times - Farbe für zurückgelegte Zeitstrecke und Gesamtzeit (visibel auf Kontrolleiste)
- share:
- background - Farbe einer Deckung (Overlay)
- bckAlpha - die Transparenz der Deckung
- boxBck - Farbe eines Textes und Hintergrundfarbe eines Knopfkastens
- boxBckAlpha - die Transparenz des Textes und Knopfkastens
- labels - Farbe eines Textes in Etiketten ("Link auf dieses Video", "Dieses Video einbetten" und "An einen Freund senden")
- errorText - Farbe des Textes mit einer Fehlermeldung oder Bestätigung
- text - Farbe eines Eingabetextes
- textBck - Hintergrundfarbe eines Eingabetextes
- textBrd - Farbe der Kante eines Eingabetextesr
- btnsNormal - die Tastenfarbe für normalen Zustand
- btnsOver - die Tastenfarbe in der Oberposition
- btnsDown - die Tastenfarbe beim Drücken
- playlist:
- background - Hintergrundfarbe einer Beschreibung
- line - die Farbe einer Linie, die eine Playlist von der Bereich links trennt
- thumbBck - Hintergrundfarbe der Vorschaubilder
- thumbNormalAlpha - die Transparenzstufe des Vorschaubildes in der normalen Zustand (0 komplett transparent, 100 komplett opak)
- thumbOverAlpha - die Transparenzstufe des Vorschaubildes, wenn der Mauszeiger oberhalb ist (0 komplett transparent, 100 komplett opak)
- thumbSelectedAlpha - die Transparenzstufe des Vorschaubildes beim Auswählen vom Bildvorschau (0 komplett transparent, 100 komplett opak)
- title - Farbe des Videotitels, der in einer Playlist abgebildet wird
- description - Farbe des Beschreibungstextes, der in einer Playlist abgebildet wird
- category:
- bckNormal - Hintergrundfarbe eines Kategorienamens, in normalen Zustand
- titleNormal - Farbe des Textes eines Kategorienamens, in normalen Zustand
- bckOver - Hintergrundfarbe eines Kategorienamens, wenn der Mauszeiger oberhalb ist
- titleOver - Farbe des Textes eines Kategorienamens, wenn der Mauszeiger oberhalb ist
- bckSelected - Hintergrundfarbe eines Kategorienamens, wenn die Kategorie ausgewählt wird
- titleSelected - Farbe des Textes eines Kategorienamens, wenn die Kategorie ausgewählt wird
- description:
- background - Hintergrundfarbe einer Beschreibung
- line - Farbe der Linie, die eine Beschreibung von einem Bereich oben trennt
- title - Farbe des Videotitels, der in einem Beschreibungsbereich abgebildet wird
- description - Farbe des Beschreibungstextes, der in einem Beschreibungsbereich abgebildet wird
- scrollBar:
- trackBar - die Farbe einer Scroll-Trackbar
- scrubBrdNormal - Farbe einer Kante des Scroll-Knopfes, wenn er im normalen Zustand ist
- scrubBckNormal - Hintergrundfarbe des Scroll-Knopfes, wenn er im normalen Zustand ist
- scrubBrdOver - Farbe einer Kante des Scroll-Knopfes, when er oberhalb ist
- scrubBckOver - Hintergrundfarbe des Scroll-Knopfes, wenn er oberhalb ist
- scrubBrdDown - Farbe einer Kante des Scroll-Knopfes, wenn er angepresst wird
- scrubBckDown - Hintergrundfarbe des Scroll-Knopfes, wenn er angepresst wird
- caption:
- size - Höhe des Titer-Textes
- color - Farbe des Titer-Textes
- glowColor - Farbe der glänzenden Einfassung von Symbolen im Titer
- tooltip:
- bckColor - Hintergrundfarbe eines Tooltips
- txtColor - Farbe eines Textes im Tooltip
- alpha - Opazität eines Tooltips, in Prozent.
- 3. Video
- videoPath - der Pfad zur Videodatei
- previewImage - der Pfad zur Datei mit dem Vorschaubild
- watermarkPath - der Pfad zur Datei the watermark image file's path goes here
- watermarkLink - ein Link, das beim Klicken auf das Wasserzeichen geöffnet werden wird
- title - ein Videotitel, der im Player abgespiegelt wird
- description - der Text mit Beschreibung eines Videos
- caption - der Pfad zu einer Datei, die Ihre Kommentare oder Untertilel enthält