Video und Audio in Webseiten einbetten mit externem Player (Joomla)

Aus

Um Videos oder Audios über einen externen Player einzubinden, kann man so vorgehen:

1. Installation von Joomla

2. Installation eines Plugins, welches die Medien abspielen wird. Abhängig von der Joomla-Version ist hier bei der Version 1.5 AllVideos Reloaded und bei der Version 1.6 JPlayer geeignet (bei der Nutzung auf der DS sind Probleme bei der Installation des Plugins denkbar, die sich aber durch googlen lösen lassen).

3. Bei AllVideos Reloaded legt man zwei Ordner in dieser Art an: ROOT/images/stories/videos bzw. ROOT/images/stories/audio , bei JPlayer auch, allerdings im Ordner ROOT/media/videos bzw. ROOT/media/audio . In diese Ordner legt man dann die entsprechenden Medienarten ab. Allvideo unterstützt die Formate .flv, .swf, .mov, .mp4, .wmv, .avi, .mpg, .mpeg, .rm, .ram, .wma, .mp3 JPlayer unterstützt momentan (Februar 2011) die Formate .flv, .mp4 und .mp3

4. Nun erzeugt man einen Artikel in Joomla und bindet Video oder Audio mit folgenden Tags (auch Unterordner sind möglich) ein: {flv}name{/flv} {swf}name{/swf} {flash}name{/flash} {mp3}name{/mp3} {3gp}name{/3gp} {rbs}name{/rbs} {auto}name.flv{/auto} {m4v}name{/m4v} {wmv}name{/wmv} {wma}name{/wma} {avi}name{/avi} {mpg}name{/mpg} {mpeg}name{/mpeg} {mov}name{/mov} {mp4}name{/mp4} {rm}name{/rm} {ram}name{/ram} {rv}name{/rv} {divx}name{/divx}

5. Nun wird in dem erzeugten Artikel Video oder Audio abgespielt, die Parameter (Autostart, Bedienelemente…) lassen sich entweder im Backend oder im Code beeinflussen. Aus dem Quelltext des Artikels kopiert man folgenden Code heraus, welchen man dann ins HTML der Seite einfügt, in der das Video oder Audio künftig laufen soll (nicht diesen hier verwenden, aus Gründen der Übersichtlichkeit wurden Zeilenumbrüche eingefügt!):

<!-- JPlayer Plugin (start) -->
<div class="jplayer">
<div class="jplayer-box"><object width="300" height="20"
data="http://externe-nas-adresse.de/joomla/plugins/content/
jplayer/mediaplayer/player-4-3-132.swf" type="application/
x-shockwave-flash">
<param value="http://externe-nas-adresse.de/joomla/plugins/
content/jplayer/mediaplayer/player-4-3-132.swf" name="movie" />
<param value="high" name="quality" />
<param value="transparent" name="wmode" />
<param value="#FFFFFF" name="bgcolor" />
<param value="true" name="autoplay" />
<param value="false" name="allowfullscreen" />
<param value="always" name="allowscriptaccess" />
<param value="file=http://externe-nas-adresse.de/joomla/media/
audio/filename.mp3&autostart=true" name="flashvars" />
</object></div>
<div class="jplayer-text"> </div>
</div>
<!-- JPlayer Plugin (end) -->