Hilfe:YouTube-Erweiterung

Aus MarioWiki
Wechseln zu: Navigation, Suche

__NOSHAREDHELP__Videos von YouTube können auf jeder MarioWiki-Seite mit einer einfachen Syntax eingebunden werden. Das entsprechende Video wird nicht bei MarioWiki hochgeladen, sondern eingebettet. Das bedeutet, dass es weiterhin bei YouTube gespeichert ist und von dort aufgerufen wird um es auf MarioWiki darzustellen.

Ein YouTube-Video hinzufügen

Um ein YouTube-Video zu einem Artikel hinzuzufügen, benötigst du den ID-Code des Videos. Die einfachste Möglichkeit um diesen herauszufinden, ist es, die URL der YouTube-Seite anzuschauen, auf der sich das Video befindet. Die Kombination aus Buchstaben und Ziffern hinter dem "v=" in der URL ist der ID-Code. Bei der URL http://www.youtube.com/watch?v=PIEXFrBRt6U ist der ID-Code also beispielsweise PIEXFrBRt6U. Wenn du dir gar nicht sicher bist, was du verwenden sollst, dann kannst du zur Not auch die ganze URL anstelle des ID-Codes verwenden.

YouTube-Videos werden dann mit dem folgenden Befehl eingebunden:

<youtube></youtube>

Der ID-Code des Videos, welches angezeigt werden soll, wird dann zwischen die beiden Tags eingefügt:

<youtube>ID-Code</youtube> 

"ID-Code" ist der Abschnitt, den du aus der URL rausgesucht hast. Das konkrete Beispiel sähe also so aus:

<youtube>PIEXFrBRt6U</youtube> 

Die Größe des Videos anpassen

Du kannst die Breite und die Höhe der Video-Box bis zu einem Maximum von 425x350 Pixeln ändern. Wenn du Breite und Höhe angibst und diese Einstellungen nicht proportional zur YouTube-Darstellungsgröße gewählt wurden, dann werden leere Bereiche rund um das Video angezeigt. In den meisten Fällen wird die Darstellungsgröße in diesen Fällen durch die Breitenangabe bestimmt.

  • Die Breite wird mit der Angabe width="xxx" vorgegeben, wobei xxx die Anzahl der Pixel ist. Der Standard ist 425 Pixel.
  • Die Höhe wird in gleicher Art und Weise mit der Angabe height="xxx" bestimmt. Standard ist 350 Pixel.

Um die besten Ergebnisse zu erzielen, sollte die Höhe ungefähr 4/5tel (80%) der Breite betragen. Einige gute Beispiele für gute Verhältnisse sind 125x100, 200x160 und 250x200.

Ein komplettes Beispiel sieht so aus:

<youtube width="270" height="200">PIEXFrBRt6U</youtube>

Das Ergebnis:

<youtube width="270" height="200">PIEXFrBRt6U</youtube>

Eine Beschreibung hinzufügen

Du kannst - wie auch bei Vorschaubildern - eine Beschreibung zum Video hinzufügen.

Das sieht dann so aus:

<div>
<div class="thumbcaption">BESCHREIBUNG</div>
<youtube width="125" height="100">ID-Code</youtube>
</div>

Platzierung beeinflussen

Du kannst die Platzierung ebenfalls wie bei den Vorschaubildern kontrollieren.

In diesem Beispiel fügen wir ein Video mit einer Breite von 250 Pixeln an der oberen rechten Ecke des Artikels hinzu und geben zusätzlich eine Beschreibung oben drüber an.

<div class="thumb right" style="width:256px">
<div class="thumbinner">
<div class="thumbcaption">BESCHREIBUNG</div>
<youtube width="250" height="200">ID-Code</youtube>
</div>
</div>

Die Beschreibung unter das Video setzen

Du kannst den folgenden Code (oder einen ähnlichen) benutzen um eine Beschreibung in einem kleineren Font unter dem Video anzuzeigen:

<div class="thumb tright" style="width:256px"> 
<div class="thumbinner">
<youtube width="250" height="200">ID-Code</youtube>
<div class="thumbcaption">
BESCHREIBUNG
</div>
</div>
</div>

Andere brauchbare Video Seiten

Die Video-Erweiterung unterstützt auch noch weitere "Videowebseiten".

Google Video
  • <gvideo gvid="id" width="width" height="height" />
  • <gvideo width height>id</>
Archive.org Audio und Video
  • <aovideo aovid width height />
  • <aoaudio aoaid width height />
WeGame Video
  • <wegame weid width height />
GameTrailers.com Video
  • <gtrailer gtid="id"/>
  • <gtrailer>id</gtrailer>
Tangler Forum
  • <tangler tid gid />
  • <tangler> tid | gid </tangler>
  • <tangler>id=xxx|gid=xxx</tangler>