3.11.2 Videos einbinden

[unmarkierte Version][gesichtete Version]
(LOOP Upgrade: loop_index and youtubehd)
 
(87 dazwischenliegende Versionen von 4 Benutzern werden nicht angezeigt)
Zeile 1: Zeile 1:
* Einbinden von mp4
Videos werden vorzugsweise als mp4-Dateien auf den LOOP-Seiten eingebunden.
* Einbinden von YouTube; Vimeo etc
Hierfür verwenden Sie entweder den <br />
'''Datei-Tag''': <nowiki>[[Datei:Dateiname.mp4]]</nowiki>  <br />
oder den <br />


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


{{#ev:youtube|Video-ID}}
Mit dem Video-Tag von LOOP ist es möglich, die Breite und Höhe <tt>width="700" height="394"</tt> anzupassen, sowie ein Vorschaubild <tt>image="Dateiname.jpg"</tt>  einzufügen.


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


<loop_media type="video" title="NMU Video" description="Testvideo im FLV-Format">
<code>
[[Datei:Nmu video 01.flv]]
<loop_media type="video" title="Bezeichnung des Videos"  
description="Beschreibung des Videos" id="5fd759fbd6b0a">  
[[Datei:Dateiname.mp4]]
</loop_media>
</loop_media>
</code>


<loop_media type="video" title="Abbildungen erstellen" description="Testvideo im MP4-Format">
bzw.
[[Datei:Abbildungen.mp4]]
 
<code>
<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>
</loop_media>
</code>




=== Beispiel mit Eintrag ins Medienverzeichnis ===
'''Syntax:'''
<code><loop_media type="video" title="Bezeichnung des Videos"
description="" id="5fd759fbd6b1d">
[[Datei:ichMOOC-Namen_Pseudonym_kurz.mp4]]
</loop_media></code>


=== Youtube-Videos einbinden ===
'''Ergebnis:'''
<loop_media type="video" title="Bezeichnung des Videos"
description="Beschreibung des Videos" id="5fd759fbd6b24">
[[Datei:ichMOOC-Namen_Pseudonym_kurz.mp4]]
</loop_media>


Sie können ein Youtube-Video in eine LOOP-Seite einbinden.


In eine Medien-Auszeichnung schreiben Sie den Wikitext
bzw.


<nowiki>{{#ev:youtube|Video-ID}}</nowiki><br />
'''Syntax:'''
<code><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>
</code>
 
'''Ergebnis:'''
<loop_media type="video" title="Bezeichnung 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"> 
</loop_video>
</loop_media>


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


<loop_figure title="Video auf Youtube">
[[Datei:youtube.png]]
</loop_figure>


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


<Loop_area type="example">
<nowiki>{{#ev:Service|ID|Dimension|Ausrichtung|Beschreibung}}</nowiki><br />


Für dieses Youtube-Video sieht der Wikitext mit der Medienauszeichnung so aus:  
Sie finden die Video-ID des Videos, wenn Sie bei Youtube unter dem Video Ihrer Wahl auf „Teilen“ oder „Einbetten“ klicken:


<nowiki>{{#ev:youtube|TZJfYVLRK3Q}}</nowiki><br />


Geben Sie die gewünschte Größe des Videos auf der Seite mit an:
'''Syntax:'''
<code>{{#ev:youtube|TZJfYVLRK3Q|500|center|Beschreibung des Videos}}</code>


<nowiki>{{#ev:youtube|TZJfYVLRK3Q|700}}</nowiki><br />
'''Ergebnis:'''
{{#ev:youtube|TZJfYVLRK3Q|500|center|Beschreibung des Videos}}




{{#ev:youtube|TZJfYVLRK3Q|700}}
==== Angabe des Startzeitpunkts für Youtube-Videos: ====


</loop_area>
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: <code>{{#ev:youtube|ID|Größe|Ausrichtung|Beschreibung des Videos|Start|Ende}}</code>


=== Angabe des Startzeitpunkts für Youtube-Videos: ===
Beispiel: <code>{{#ev:youtube|AqXPd7q6PPM|500|center|Beschreibung des Videos|100|150}}</code>


Beim Einbinden von Youtube-Videos können Sie jetzt den Startzeitpunkt innerhalb des Videos in Sekunden als zusätzlicher Parameter angeben:
'''Ergebnis:'''
{{#ev:youtube|AqXPd7q6PPM|500|center|Beschreibung des Videos|100|150}}


Beispiel Start ab Sekunde 100:
==== 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 (<nowiki>{{#ev:servicename|ID or URL|Dimension|Ausrichtung|Beschreibung}}</nowiki>)


<nowiki>{{#ev:youtubehd|UYRYancYXe8|700|center||100}}</nowiki>
'''Syntax:'''
<code>{{#ev:vimeo|53914149|500|center|Beschreibung des Videos}}</code>


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


Weitere Informationen zum Einbinden von externen Medien finden Sie [[Externe Medien einbinden |hier]].


=== Vimeo-Videos einbinden ===
<loop_area type="notice">Ob der von Ihnen ausgewählte Service (Video-Plattform) unterstützt wird und weitere<br \> Informationen finden Sie unter: https://www.mediawiki.org/wiki/Extension:EmbedVideo</loop_area>
{{from vimeo|53914149|700}}

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:}}:

{{#ev:Service|ID|Dimension|Ausrichtung|Beschreibung}}

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

Learning Object Online Platform

Uniform Resource Locator

Abgerufen von „https://loop1.eduloop.de/mediawiki/index.php?title=Videos_einbinden&oldid=2618“