JOTA-JOTI Wiki:Videos einbinden

Aus JOTA-JOTI Wiki
Zur Navigation springen Zur Suche springen


Wir bitten um Unterstützung: Der Artikel "Videos einbinden" ist noch sehr kurz und unvollständig. Wenn du dich bei diesem Thema etwas auskennst, bist du herzlich eingeladen diesen Artikel zu erweitern.

(Kennzeichnung als Stub)


Videos können in eine Wiki-Seite eingebunden werden (siehe Beispiel nachfolgend).
Dabei ist zu unterscheiden:

  1. Das Video wird lokal in Wiki hochgeladen und wird lokal abgerufen.
  2. Das Video befindet sich auf einer anderen Plattform (z.B. Youtube) und wird von dieser externen Plattform abgerufen.


Beispiel eines eingebundenen Videos

Das Wiki-Kommando {{#ev:youtube|IGrqdIYhnhs}} führt zu folgendem Ergebnis:

Die genaue Syntax dieser Wiki-Kommandos wird nachfolgend erläutert.

Lokal hochgeladene Inhalte

Für lokal hochgeladene Inhalte ist der Prozess der Anzeige auf einer Seite identisch mit einem Bild. Siehe dazu den entsprechenden Artikel JOTA-JOTI Wiki:Bilder einbinden Dieses Beispiel würde ein Video auf einer Seite mit einem HTML5-Tag `<video>` anzeigen.
Beispiel:

[[File:Example.mp4]]

Um die Start- und Endzeitstempel in den Medien anzugeben, verwende die Start- und Endparameter. Der Zeitstempel kann als einer der folgenden Formate formatiert werden: ss,: ss, mm: ss, mm: ss, hh: mm: ss, oder dd: hh: mm: ss.
Beispiel:

[[File:Example.mp4|start=2|end=6]]


Videos von externen Plattformen einbetten

Die EmbedVideo-Funktion und seine Parameter

Um Videos von einer erxternen Plattform (z.B. von Youtube) einzubetten, ist das folgende Wiki-Kommando zu verwenden:

{{#ev:service|id}}
{{#ev:service|id|dimensions}}
{{#ev:service|id|dimensions|alignment}}
{{#ev:service|id|dimensions|alignment|description}
{{#ev:service|id|dimensions|alignment|description|container}}
{{#ev:service|id|dimensions|alignment|description|container|urlargs}}
{{#ev:service|id|dimensions|alignment|description|container|urlargs|autoresize}}
{{#ev:service|id|dimensions|alignment|description|container|urlargs|autoresize|valignment}}

Dabei ist folgendes zu beachten:

  • mit {{#ev: ... }} wird die Embeded-Video-Funktion aufgerufen.
  • service, id, dimensions, alignment, descriptions, usw. sind die Parameter dieser #ev-Funktion.
  • im Minimum braucht es die beiden ersten Parameter service und id.
  • die Parameter müssen exakt in dieser Reihenfolge erfolgen.
    Benötige ich z.B. den Paramater description, so muss ich alle Parameter die links davon stehen (d.h. service, id, dimensions, alignment) auch ins Wiki-Kommando einbeziehen und kann sie bei Bedarf auch leer lassen (siehe Beispiel nachfolgend).

Beispiel:
Ich möchte die #ev-Funktion mit den Parametern service, id und descriptions aufrufen, dann muss ich die dazwischen liegenden Paramater dimensions, alignment auch in mein Wiki-Kommando einbeziehen. Somit mussi ich folgende Variante der #ev-Funktion verwenden:

{{#ev:service|id|dimensions|alignment|description}

Jene Paramater, die ich zwar einbeziehen muss, aber gar nicht belegen will, kann ich leeer lassen. Die senkrechten Trenner (|) müssen dabei auch vor und nach einem leeren Parameter gesetzt werden. Das sieht dann bei diesem Beispiel wie folgt aus:

 {{#ev:youtube|IGrqdIYhnhs|||Ein cooles JOTA-Video aus Brasilien}}

Varianten der Embed-Funktion

Die EmbedVideo-Funktion gibt es in mehreren Varianten:

#ev
Die Parameter sind in einer bestimmten Reihenfolge aufzuführen. Dazwischenliegende Parameter, die nicht benötigt werden, müssen (zumindest leer) auch deklariert werden (d.h. als Autor muss ich den Überblick behalten mit den senkrechten Trenner (|) - siehe oben)
Beispiele:

{{#ev:service|id|dimensions|alignment|description|container|urlargs|autoresize|valignment}}
{{#ev:service|id|||description|}}

#evt
Es müssen nur jene Parameter deklariert werden, die tatsächlich benötigt werden, dafür sind die Parameter-Tags zu benennen.
Beispiel:

{{#evt:service=youtube|id=IGrqdIYhnhs|description=Ein cooles JOTA-Video aus Brasilien}}

#evu
Die Variante #evu entpsricht der Variante #evt, jedoch wird anstelle der zwingenden Parameter service und id nur die vollständige URL des externen Videos angegeben.
Beispiel:

{{#evu:https://www.youtube.com/watch?v=IGrqdIYhnhs|description=Ein cooles JOTA-Video aus Brasilien}}

Erläuterung der einzelnen Parameter

Die Verwendung der einzelnen Parameter und welche Werte die einzelnen Parameter annehmen können, wird hervorragend in der Originalanleitung (englisch) beschrieben:
Link: MediaWiki, Seite Extentsion EmbedVideo, Kapitel Attributes for Parser Tags


Die Parameterwerte für die Plattform Youtube

Für die Plattform Youtube sehen die minimalen Parameter zum Kommando {{#ev:service|id}} wie folgt aus:

  • service = youtube
  • id = https://www.youtube.com/watch?v=IGrqdIYhnhs

In der Summe sieht das Kommando dann wie folgt aus:

{{#ev:youtube|https://www.youtube.com/watch?v=IGrqdIYhnhs}}

Bei Videos ab der Plattform Youtube kann die id auch verkürzt dargestellt werden:

{{#ev:youtube|IGrqdIYhnhs}}

(d.h. als id nur das nehmen, was in der URL bei Youtube nach "watch?v=" folgt)

Das Ergebnis dieses Wiki-Kommandos ist oben ersichtlich, im Kapitel Beispiel eines eingebundenen Videos.