Codeschnipsel 72: Player einbinden

HTML-Code für das Einbinden von Playern in Weblica für die Wiedergabe von Video- und Audio-Dateien. Alle Codes sind valide.
Zu beachten: Die Player, Javascripts sowie die Video- und Audio-Dateien werden in der Dateiablage von Weblica verwaltet. Alle Multimedia-Objekte werden im HTML-Code mittels Weblica-Ressourcenfelder referenziert.
Der Vorteil dieses Vorgehens ist, dass alle Objekte vollständig unter der Kontrolle von Weblica sind, ein "Hochladen" der Objekte z. B. mittels FTP "ausserhalb" von Weblica entfällt.

Weitere Details und Links zu den Playern finden sich in der Rubrik Multimedia einbinden.

Die Anleitungen im pdf-Format:
Video und Audio in Weblica einbinden
Player-Einbau-Anleitung mit ausführlicher Beschreibung aller Parameter.

Bitte beachten: der Flash-Player wurde Ende 2020 eingestellt.

Bitte beachten: dieser Code ist nicht mehr gültig.

<center>
<object type="application/x-shockwave-flash"
    data="$(res.211.flv_player_maxi_swf.path)" width="480" height="296">
    <param name="movie" value="$(res.211.flv_player_maxi_swf.path)" />
    <param name="allowFullScreen" value="true" />
    <param name="allowScriptAccess" value="sameDomain" />
    <param name="menu" value="true" />
    <param name="autoplay" value="false" />
    <param name="autoload" value="false" />
    <param name="FlashVars" value="flv=$(res.210.Bergseeli_flv.path)&width=480&height=296&
startimage=$(res.209.Bergseeli_Startbild_jpg.path)&bgcolor1=0E3F8D&
showstop=1&showfullscreen=1&showtime=1&showplayer=always&showvolume=1&
showiconplay=1&buffer=10&buffershowbg=0&buffermessage=" />
<p style="color:red;  font-size:80%; background-color: #FFFFCF;">
Sie benötigen den Adobe Flash Player, um das Video wiedergeben zu können.<br />
Bitte laden Sie hier den <a href="http://get.adobe.com/de/flashplayer/" target="_blank">Adobe Flashplayer Player</a> herunter.<br />
Ausserdem muss JavaScript in Ihrem Browser aktiviert sein.</p>
</object>
</center>

Pfade des Players, des Videos, des Startbildes und der Wiedergabeparameter anpassen, und die Breite und Höhe des Videos
nach Kopieren dieses Codes: Zeilenumbrüche in value-Klausel entfernen

Anwendungsbeispiel mit ausführlicher Einbauanleitung und der Beschreibung aller 60 Parameter zur Playersteuerung (PDF-Dokument in der linken Seitenspalte): Bergseeli beim Splügenpass

Bezugsquelle des Gratis-Players: FLV Player Maxi

zurück   |   nach oben

Einbettungscode, Minimalversion:

<center>
<script type="text/javascript" src="$(res.24.jwplayer_js.path)"></script>
<div id="video1">Loading the player ...</div>
<script type="text/javascript">
       jwplayer("video1").setup({
       flashplayer: "$(res.23.jwplayer_swf.path)",
       file: "$(res.20.Bergseeli_flv.path)",
       image: "$(res.22.Bergseeli_Startbild_jpg.path)",
       autostart: false,
       repeat: "false",
       stretching: "true",
       controlbar: "bottom",
       height: 296,
       width: 480
       });
</script>
</center>

Anpassungsbedarfe sind blau markiert

Hinweis: der JW-Player ist bei "kommerzieller" / "gewerblicher" Nutzung kostenpflichtig.
Auch das (eingebettete) Javascript telefoniert mit seinem Erzeuger.
Player- und Javascript-Ladezeit: zwischen 1 bis 2 Sekunden.

Beispiel: wurde gelöscht, da nicht mehr aktuell.

Code-Dokumentation pendent. Siehe Flow-Player 3.2.7.

zurück   |   nach oben

Code-Dokumentation pendent. Siehe Multimedia einbinden.

zurück   |   nach oben

<center>
<script language="JavaScript" src="$(res.215.audio_player_js.path)"></script>
<object type="application/x-shockwave-flash" data="$(res.216.audio_player_swf.path)" id="audio1" height="24" width="290">
<param name="movie" value="$(res.216.audio_player_swf.path)">
<param name="FlashVars" value="playerID=audio1&soundFile=$(res.219.Montespluga_Laghi_Azzurri_Audio_mp3.path)&
loader=0x0E3F8D&tracker=0xB0C4DE&righticon=0xFF0000&titles=Weg ob Montespluga">
<param name="quality" value="high">
<param name="menu" value="true">
<param name="wmode" value="transparent">
<p style="color:red; font-size:80%; background-color:#FFFFCF;">
Sie benötigen den Adobe Flash Player, um die Audiodatei wiedergeben zu können.<br />
Bitte laden Sie hier den <a href="http://get.adobe.com/de/flashplayer/" target="_blank">Adobe Flash Player</a> herunter.<br />
Ausserdem muss JavaScript in Ihrem Browser aktiviert sein.</p>
</object>
</center>

Pfade des Javascripts und des Players, der Audio-Datei und der Wiedergabeparameter anpassen.
Werden mehrere Audio-Dateien auf einer Seite wiedergegeben, so muss jede Wiedergabe eine eigene id (hier: audio1) haben (einfach durchnummerieren).
Parameter animation=no (oben nicht enthalten) hält den Player immer offen.
Nach Kopieren dieses Codes: Zeilenumbrüche in value-Klausel entfernen.

Anwendungsbeispiel: Weg von Montespluga zu den Laghi Azzurri

Detaillierte Angaben in der pdf-Einbauanleitung oben.

zurück   |   nach oben