3.11.2 Videos einbinden

[gesichtete Version]

Aktuelle Version vom 14. Dezember 2020, 14:26 Uhr

Videos werden vorzugsweise als mp4-Dateien auf den LOOP-Seiten eingebunden. Hierfür verwenden Sie entweder den
Datei-Tag: [[Datei:Dateiname.mp4]]

oder den

Video-Tag: <loop_video source="Dateiname.mp4" image="" width="700" height="394"> </loop_video>.

Mit dem Video-Tag von LOOP ist es möglich, die Breite und Höhe width="700" height="394" anzupassen, sowie ein Vorschaubild image="Dateiname.jpg" einzufügen.

Möchten Sie, dass das Video in das Medienverzeichnis übernommen wird, fügen Sie noch den Wikitext für die Medien-Auszeichnung hinzu:

<loop_media type="video" title="Bezeichnung des Videos" description="Beschreibung des Videos" id="5fd759fbd6b0a"> [[Datei:Dateiname.mp4]] </loop_media>

bzw.

<loop_media type="video" title="Bezeichnung des Videos" description="Beschreibung des Videos" id="5fd759fbd6b15"> <loop_video source="Dateiname.mp4" image="" width="xxx" height="xxx"> </loop_video> </loop_media>

Beispiel mit Eintrag ins Medienverzeichnis[]

Syntax: <loop_media type="video" title="Bezeichnung des Videos" description="" id="5fd759fbd6b1d"> [[Datei:ichMOOC-Namen_Pseudonym_kurz.mp4]] </loop_media>

Ergebnis:

Med. 1: Bezeichnung des Videos

Beschreibung des Videos

bzw.

Syntax: <loop_media type="video" title="Bezeichnung des Videos" description="Beschreibung des Videos" id="5fd759fbd6b2b"> <loop_video source="ichMOOC-Namen_Pseudonym_kurz.mp4" image="ichMooc-Namen_Pseudonym-klein.PNG" width="600" height="300"> </loop_video> </loop_media>

Ergebnis:

Med. 2: Bezeichnung des Videos

Beschreibung des Videos

Youtube-Videos einbinden[]

Sie können ein Youtube-Video in eine LOOP-Seite einbinden. Dafür verwenden Sie die angepasste Form des EmbedVideo-Tags = {{#ev:}}:

Sie finden die Video-ID des Videos, wenn Sie bei Youtube unter dem Video Ihrer Wahl auf „Teilen“ oder „Einbetten“ klicken:

Syntax: {{#ev:youtube|TZJfYVLRK3Q|500|center|Beschreibung des Videos}}

Ergebnis:

YouTube

Wenn Sie dieses Element öffnen, werden Inhalte von externen Dienstleistern geladen und dadurch Ihre IP-Adresse an diese übertragen.

Angabe des Startzeitpunkts für Youtube-Videos:[]

Beim Einbinden von Youtube-Videos können Sie jetzt den Startzeitpunkt innerhalb des Videos in Sekunden als zusätzlicher Parameter angeben:

Start ab Sekunde 100 oder 1min40sec:

Syntax: Reihenfolge der Parameter beachten allgemein: {{#ev:youtube|ID|Größe|Ausrichtung|Beschreibung des Videos|Start|Ende}}

Beispiel: {{#ev:youtube|AqXPd7q6PPM|500|center|Beschreibung des Videos|100|150}}

Ergebnis:

YouTube

Wenn Sie dieses Element öffnen, werden Inhalte von externen Dienstleistern geladen und dadurch Ihre IP-Adresse an diese übertragen.

Embedded-Videos einbinden[]

Möchten Sie z.B. ein Vimeo-Video einbinden wie z.B. dieses: https://player.vimeo.com/video/53914149. So nutzen Sie folgenden Tag ({{#ev:servicename|ID or URL|Dimension|Ausrichtung|Beschreibung}})

Syntax: {{#ev:vimeo|53914149|500|center|Beschreibung des Videos}}

Ergebnis:

Vimeo

Wenn Sie dieses Element öffnen, werden Inhalte von externen Dienstleistern geladen und dadurch Ihre IP-Adresse an diese übertragen.

Hinweis

Ob der von Ihnen ausgewählte Service (Video-Plattform) unterstützt wird und weitere
Informationen finden Sie unter: https://www.mediawiki.org/wiki/Extension:EmbedVideo

@@ Zeile 14: / Zeile 14: @@
 <code>
 <loop_media type="video" title="Bezeichnung des Videos"
-description="Beschreibung des Videos">
+description="Beschreibung des Videos" id="5fd759fbd6b0a">
 [[Datei:Dateiname.mp4]]
 </loop_media>
@@ Zeile 23: / Zeile 23: @@
 <code>
 <loop_media type="video" title="Bezeichnung des Videos"
-description="Beschreibung des Videos">
+description="Beschreibung des Videos" id="5fd759fbd6b15">
 <loop_video source="Dateiname.mp4" image="" width="xxx" height="xxx">
 </loop_video>
@@ Zeile 33: / Zeile 33: @@
 '''Syntax:'''
 <code><loop_media type="video" title="Bezeichnung des Videos"
-description="">
+description="" id="5fd759fbd6b1d">
 [[Datei:ichMOOC-Namen_Pseudonym_kurz.mp4]]
 </loop_media></code>
@@ Zeile 39: / Zeile 39: @@
 '''Ergebnis:'''
 <loop_media type="video" title="Bezeichnung des Videos"
-description="Beschreibung des Videos">
+description="Beschreibung des Videos" id="5fd759fbd6b24">
 [[Datei:ichMOOC-Namen_Pseudonym_kurz.mp4]]
 </loop_media>
@@ Zeile 48: / Zeile 48: @@
 '''Syntax:'''
 <code><loop_media type="video" title="Bezeichnung des Videos"
-description="Beschreibung des Videos">
+description="Beschreibung des Videos" id="5fd759fbd6b2b">
 <loop_video source="ichMOOC-Namen_Pseudonym_kurz.mp4"
 image="ichMooc-Namen_Pseudonym-klein.PNG" width="600" height="300">
@@ Zeile 57: / Zeile 57: @@
 '''Ergebnis:'''
 <loop_media type="video" title="Bezeichnung des Videos"
-description="Beschreibung des Videos">
+description="Beschreibung des Videos" id="5fd759fbd6b32">
 <loop_video source="ichMOOC-Namen_Pseudonym_kurz.mp4"
 image="ichMooc-Namen_Pseudonym-klein.PNG" width="600" height="300">
@@ Zeile 88: / Zeile 88: @@
 '''Syntax:'''
 Reihenfolge der Parameter beachten
-allgemein: <code>{{#ev:youtubehd|ID|Größe|Ausrichtung|Beschreibung des Videos|Start|Ende}}</code>
+allgemein: <code>{{#ev:youtube|ID|Größe|Ausrichtung|Beschreibung des Videos|Start|Ende}}</code>
-Beispiel: <code>{{#ev:youtubehd|AqXPd7q6PPM|500|center|Beschreibung des Videos|100|150}}</code>
+Beispiel: <code>{{#ev:youtube|AqXPd7q6PPM|500|center|Beschreibung des Videos|100|150}}</code>
 '''Ergebnis:'''
-{{#ev:youtubehd|AqXPd7q6PPM|500|center|Beschreibung des Videos|100|150}}
+{{#ev:youtube|AqXPd7q6PPM|500|center|Beschreibung des Videos|100|150}}
 ==== Embedded-Videos einbinden ====