WaBis

walter.bislins.ch

Makro: YoutubeVideo

Das Makro YoutubeVideo erzeugt einen Video-Player dessen Grösse sich dynamisch der Grösse des Eltern-Elementes anpasst.

Syntax

{{YoutubeVideo|Code|Ratio}}
Code
Dieser Code, bestehend aus einer Zeichenkombination, identifiziert eindeutig ein Video auf dem Youtube-Videoportal. Der Code kann der Url entnommen werden (Adresszeile des Browsers), wenn das Video angezeigt wird.
Ratio: Optional, Default = 16:9
Seitenverhältnis des Videos. Muss nur angegeben werden, wenn es nicht 16:9 ist. Es kann ein beliebiges Verhältnis wie 4:3 usw. angegeben werden.

Beispiel

{{YoutubeVideo|LR6uGReYjmA}}

oder

{{YoutubeVideo|LR6uGReYjmA|16:9}}


Html-Attribute

Die diversen Html-Elemente, welche ein Video-Element ausmachen, erhalten Attribute, über welche per Style Sheet deren Aussehen beeinflusst werden kann. Dies sind:

  • Eine Html-ID für das Container-Element: YoutubeVideo-<n>, wobei <n> eine fortlaufende Nummer von 1 an ist
  • Klasse für das Container-Element: YoutubeVideo-Container
  • Klasse für das innere IFrame-Element: YoutubeVideo-IFrame

Die fortlaufende Nummer für die Html-ID beginnt auf jeder Seite neu von 1.

Ein YoutubeVideo-Element erzeugt folgenden Html-Code:

<div id="YoutubeVideo-1" class="video YoutubeVideo-Container">
  <iframe src="//www.youtube.com/embed/LR6uGReYjmA?fs=1" 
          frameborder="0" allowfullscreen="true" 
          class="YoutubeVideo-IFrame">
  </iframe>
</div>

Weitere Infos zur Seite
Erzeugt Donnerstag, 20. September 2012
von wabis
Zum Seitenanfang
Geändert Donnerstag, 19. Juni 2014
von wabis