JOTA-JOTI Wiki:Videos einbinden: Unterschied zwischen den Versionen

Aus JOTA-JOTI Wiki
Zur Navigation springen Zur Suche springen
 
(3 dazwischenliegende Versionen desselben Benutzers werden nicht angezeigt)
Zeile 4: Zeile 4:
 
Dabei ist zu unterscheiden:
 
Dabei ist zu unterscheiden:
 
# Das Video wird lokal in Wiki hochgeladen und wird lokal abgerufen.
 
# Das Video wird lokal in Wiki hochgeladen und wird lokal abgerufen.
# Das Video befindet such auf einer anderen Plattform (z.B. Youtube) und wird von dieser externen Plattform abgerufen.
+
# Das Video befindet sich auf einer anderen Plattform (z.B. Youtube) und wird von dieser externen Plattform abgerufen.
 
+
<br>
<br><br>
 
  
 
=== Beispiel eines eingebundenen Videos ===
 
=== Beispiel eines eingebundenen Videos ===
Zeile 21: Zeile 20:
 
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]]
 
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.<br>
 
Dieses Beispiel würde ein Video auf einer Seite mit einem HTML5-Tag `<video>` anzeigen.<br>
Beispiel:<br>
+
Beispiel:
 
  <nowiki>[[File:Example.mp4]]</nowiki>
 
  <nowiki>[[File:Example.mp4]]</nowiki>
  
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.
+
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.<br>
 
+
Beispiel:
Beispiel:<br>
 
 
  <nowiki>[[File:Example.mp4|start=2|end=6]]</nowiki>
 
  <nowiki>[[File:Example.mp4|start=2|end=6]]</nowiki>
 
<br>
 
<br>
Zeile 32: Zeile 30:
 
=== Videos von externen Plattformen einbetten ===
 
=== Videos von externen Plattformen einbetten ===
  
Die EmbedVideo-Parser-Funktion erwartet, dass er mit einem der folgenden Parameter aufgerufen wird:<br>
+
==== Die EmbedVideo-Funktion und seine Parameter ====
  
 +
Um Videos von einer erxternen Plattform (z.B. von ''Youtube'') einzubetten, ist das folgende Wiki-Kommando zu verwenden:
 
  <nowiki>{{#ev:service|id}}</nowiki>
 
  <nowiki>{{#ev:service|id}}</nowiki>
 
  <nowiki>{{#ev:service|id|dimensions}}</nowiki>
 
  <nowiki>{{#ev:service|id|dimensions}}</nowiki>
Zeile 42: Zeile 41:
 
  <nowiki>{{#ev:service|id|dimensions|alignment|description|container|urlargs|autoresize}}</nowiki>
 
  <nowiki>{{#ev:service|id|dimensions|alignment|description|container|urlargs|autoresize}}</nowiki>
 
  <nowiki>{{#ev:service|id|dimensions|alignment|description|container|urlargs|autoresize|valignment}}</nowiki>
 
  <nowiki>{{#ev:service|id|dimensions|alignment|description|container|urlargs|autoresize|valignment}}</nowiki>
 +
Dabei ist folgendes zu beachten:
 +
* mit '''<nowiki>{{#ev: ... }}</nowiki>''' 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 <u>exakt in dieser Reihenfolge</u> erfolgen.<br>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:<br>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:
 +
<nowiki>{{#ev:service|id|dimensions|alignment|description}</nowiki>
 +
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:
 +
  <nowiki>{{#ev:youtube|IGrqdIYhnhs|||Ein cooles JOTA-Video aus Brasilien}}</nowiki>
 +
 +
==== Varianten der Embed-Funktion ====
 +
 +
Die EmbedVideo-Funktion gibt es in mehreren Varianten:
 +
 +
'''#ev'''<br>
 +
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)<br>
 +
Beispiele:
 +
<nowiki>{{#ev:service|id|dimensions|alignment|description|container|urlargs|autoresize|valignment}}</nowiki>
 +
<nowiki>{{#ev:service|id|||description|}}</nowiki>
 +
 +
'''#evt'''<br>
 +
Es müssen nur jene Parameter deklariert werden, die tatsächlich benötigt werden, dafür sind die Parameter-Tags zu benennen.<br>
 +
Beispiel:
 +
<nowiki>{{#evt:service=youtube|id=IGrqdIYhnhs|description=Ein cooles JOTA-Video aus Brasilien}}</nowiki>
 +
 +
'''#evu'''<br>
 +
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.<br>
 +
Beispiel:
 +
<nowiki>{{#evu:https://www.youtube.com/watch?v=IGrqdIYhnhs|description=Ein cooles JOTA-Video aus Brasilien}}</nowiki>
 +
 +
==== 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:<br>
 +
Link: '''[https://www.mediawiki.org/wiki/Extension:EmbedVideo#Attributes_for_Parser_Tags MediaWiki, Seite Extentsion EmbedVideo, Kapitel Attributes for Parser Tags]'''
 +
  
Die Erläuterungen zu den einzelnen Parameter sind hier nachzulesen:
 
'''[https://www.mediawiki.org/wiki/Extension:EmbedVideo Link zur Originalanleitung]'''
 
<br><br>
 
  
==== Videos von der Plattform Youtube ====
+
==== Die Parameterwerte für die Plattform Youtube ====
  
Für die Plattform ''Youtube'' sehen die Parameter zum Kommando <nowiki>{{#ev:service|id}}</nowiki> wie folgt aus:
+
Für die Plattform ''Youtube'' sehen die minimalen Parameter zum Kommando <nowiki>{{#ev:service|id}}</nowiki> wie folgt aus:
 
* service = youtube
 
* service = youtube
 
* id = <nowiki>https://www.youtube.com/watch?v=IGrqdIYhnhs</nowiki>
 
* id = <nowiki>https://www.youtube.com/watch?v=IGrqdIYhnhs</nowiki>
Zeile 57: Zeile 89:
 
Bei Videos ab der Plattform ''Youtube'' kann die id auch verkürzt dargestellt werden:
 
Bei Videos ab der Plattform ''Youtube'' kann die id auch verkürzt dargestellt werden:
 
  <nowiki>{{#ev:youtube|IGrqdIYhnhs}}</nowiki>
 
  <nowiki>{{#ev:youtube|IGrqdIYhnhs}}</nowiki>
(d.h. als '''id''' nur das nehmen, was in der URL nach "watch?v=" folgt)
+
(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|Beispiel eines eingebundenen Videos]]''.
 
Das Ergebnis dieses Wiki-Kommandos ist oben ersichtlich, im Kapitel ''[[#Beispiel_eines_eingebundenen_Videos|Beispiel eines eingebundenen Videos]]''.

Aktuelle Version vom 29. September 2017, 08:53 Uhr


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.