(Weiterleitung auf Handbuch:Erweiterung/EmbedVideo (fork) entfernt) Markierungen: Weiterleitung entfernt 2017-Quelltext-Bearbeitung |
Keine Bearbeitungszusammenfassung Markierung: 2017-Quelltext-Bearbeitung |
||
| (2 dazwischenliegende Versionen desselben Benutzers werden nicht angezeigt) | |||
| Zeile 12: | Zeile 12: | ||
Ein einzelnes externes Video wird über folgendes Parser-Tag im Quelltext eingefügt: | Ein einzelnes externes Video wird über folgendes Parser-Tag im Quelltext eingefügt: | ||
<syntaxhighlight> | <syntaxhighlight lang="text"> | ||
{{#evt: | {{#evt: | ||
service=youtube | service=youtube | ||
| Zeile 18: | Zeile 18: | ||
}} | }} | ||
</syntaxhighlight> | </syntaxhighlight> | ||
Es können weitere optionale Parameter hinzugefügt werden (siehe [[#Attribute für das Parser-Tag #evt|Liste der Attribute]]):<syntaxhighlight> | Es können weitere optionale Parameter hinzugefügt werden (siehe [[#Attribute für das Parser-Tag #evt|Liste der Attribute]]):<syntaxhighlight lang="text"> | ||
{{#evt: | {{#evt: | ||
service=youtube | service=youtube | ||
| Zeile 30: | Zeile 30: | ||
|valignment= | |valignment= | ||
}} | }} | ||
</syntaxhighlight>Eine Kurzschreibweise ist über das <code>#ev</code>-Tag möglich:<syntaxhighlight> | </syntaxhighlight>Eine Kurzschreibweise ist über das <code>#ev</code>-Tag möglich:<syntaxhighlight lang="text"> | ||
{{#ev:service|id|dimensions|alignment|description|container|urlargs|autoresize|valignment}} | {{#ev:service|id|dimensions|alignment|description|container|urlargs|autoresize|valignment}} | ||
</syntaxhighlight>Platzhalter für nicht genutzte Argumente zwischen zwei Argumenten müssen leer gelassen werden und dürfen nicht entfernt werden:<syntaxhighlight> | </syntaxhighlight>Platzhalter für nicht genutzte Argumente zwischen zwei Argumenten müssen leer gelassen werden und dürfen nicht entfernt werden:<syntaxhighlight lang="text"> | ||
{{#ev:service|id|||description}} | {{#ev:service|id|||description}} | ||
</syntaxhighlight>Die kürzeste Einbindung erfolgt über den erforderlichen Service-Namen und die Video-ID:<syntaxhighlight> | </syntaxhighlight>Die kürzeste Einbindung erfolgt über den erforderlichen Service-Namen und die Video-ID:<syntaxhighlight lang="text"> | ||
{{#ev:youtube|MLIE2642neg}} | {{#ev:youtube|MLIE2642neg}} | ||
</syntaxhighlight>Beispiel mit Video-Beschreibung (- in die Beschreibung kann über das <code><nowiki><br /></nowiki></code> Tag ein Zeilenumbruch eingefügt werden):<syntaxhighlight> | </syntaxhighlight>Beispiel mit Video-Beschreibung (- in die Beschreibung kann über das <code><nowiki><br /></nowiki></code> Tag ein Zeilenumbruch eingefügt werden):<syntaxhighlight lang="text"> | ||
{{#ev:youtube|MLIE2642neg|||ISS - Leben auf der Weltraumstation <br/> 1:04:27}} | {{#ev:youtube|MLIE2642neg|||ISS - Leben auf der Weltraumstation <br/> 1:04:27}} | ||
</syntaxhighlight> | </syntaxhighlight> | ||
| Zeile 102: | Zeile 102: | ||
Über das Tag <code><nowiki><evlplayer></nowiki></code> und die Parser-Funktion <code>#evl</code> lassen sich mehrere Videos über einen Player auf der Seite abspielen. | Über das Tag <code><nowiki><evlplayer></nowiki></code> und die Parser-Funktion <code>#evl</code> lassen sich mehrere Videos über einen Player auf der Seite abspielen. | ||
[[Datei:350px-video-extern-videocontainer-hook.png|alternativtext=Videos über kombinierten Player abspielen|zentriert|mini|331x331px|Videos über kombinierten Player abspielen]] | [[Datei:350px-video-extern-videocontainer-hook.png|alternativtext=Videos über kombinierten Player abspielen|zentriert|mini|331x331px|Videos über kombinierten Player abspielen]] | ||
<syntaxhighlight> | <syntaxhighlight lang="text"> | ||
<evlplayer id="Player ID" w="Breite" h="Höhe" class="class" style="style">Standardinhalt</evlplayer> | <evlplayer id="Player ID" w="Breite" h="Höhe" class="class" style="style">Standardinhalt</evlplayer> | ||
</syntaxhighlight>Alternativ kann ein Startvideo über das Attribut <code>defaultid</code> angezeigt werden: | </syntaxhighlight>Alternativ kann ein Startvideo über das Attribut <code>defaultid</code> angezeigt werden: | ||
<syntaxhighlight><evlplayer id="player1" w="480" h="360" service="youtube" defaultid="mCtmECVnrOM" /></syntaxhighlight> | <syntaxhighlight lang="text"><evlplayer id="player1" w="480" h="360" service="youtube" defaultid="mCtmECVnrOM" /></syntaxhighlight> | ||
====Attribute für das Tag <nowiki><evlplayer> </nowiki>==== | ====Attribute für das Tag <nowiki><evlplayer> </nowiki>==== | ||
| Zeile 151: | Zeile 151: | ||
===Video Links hinzufügen=== | ===Video Links hinzufügen=== | ||
Über die Parser-Funktion <nowiki>{{#evl}}</nowiki> werden die Videos definiert, die im Player abgespielt werden:<syntaxhighlight> | Über die Parser-Funktion <nowiki>{{#evl}}</nowiki> werden die Videos definiert, die im Player abgespielt werden:<syntaxhighlight lang="text"> | ||
{{#evl:<video id>|<Link text>>|<video to play>|service=youtube|player=<player id>}} | {{#evl:<video id>|<Link text>>|<video to play>|service=youtube|player=<player id>}} | ||
</syntaxhighlight>Beispiel:<syntaxhighlight> | </syntaxhighlight>Beispiel:<syntaxhighlight lang="text"> | ||
{{#evl:mCtmECVnrOM|Aufbruch zum Mars|player=example-player}} | {{#evl:mCtmECVnrOM|Aufbruch zum Mars|player=example-player}} | ||
</syntaxhighlight>Zusätzlich zu den für <code>#evt</code> gültigen Attributen gibt es noch folgende spezielle Attribute für das <code>#evl</code>-Tag<br /> | </syntaxhighlight>Zusätzlich zu den für <code>#evt</code> gültigen Attributen gibt es noch folgende spezielle Attribute für das <code>#evl</code>-Tag<br /> | ||
| Zeile 181: | Zeile 181: | ||
===Beispiel=== | ===Beispiel=== | ||
<syntaxhighlight> | <syntaxhighlight lang="text"> | ||
<evlplayer w="600" id="example-player">default content</evlplayer> | <evlplayer w="600" id="example-player">default content</evlplayer> | ||
{{#evl:OLeWbRdW6rY|Let eet Go|1|player=example-player}} | {{#evl:OLeWbRdW6rY|Let eet Go|1|player=example-player}} | ||
| Zeile 278: | Zeile 278: | ||
<br /> | <br /> | ||
[[en:Manual:Extension/EmbedVideo]] | [[en:Manual:Extension/EmbedVideo]] | ||
[[de:{{FULLPAGENAME}}]] | [[de:{{FULLPAGENAME}}]] | ||
Aktuelle Version vom 5. Dezember 2023, 14:44 Uhr
Externe Videos einbetten[Bearbeiten | Quelltext bearbeiten]
Syntax[Bearbeiten | Quelltext bearbeiten]
Ein einzelnes externes Video wird über folgendes Parser-Tag im Quelltext eingefügt:
{{#evt:
service=youtube
|id=https://www.youtube.com/watch?v=MLIE2642neg
}}
Es können weitere optionale Parameter hinzugefügt werden (siehe Liste der Attribute):
{{#evt:
service=youtube
|id=https://www.youtube.com/watch?v=MLIE2642neg
|dimensions=300
|alignment=inline
|description=ISS - Leben auf der Weltraumstation <br/> 1:04:27
|container=frame
|urlargs=
|autoresize=
|valignment=
}}
Eine Kurzschreibweise ist über das #ev-Tag möglich:
{{#ev:service|id|dimensions|alignment|description|container|urlargs|autoresize|valignment}}
Platzhalter für nicht genutzte Argumente zwischen zwei Argumenten müssen leer gelassen werden und dürfen nicht entfernt werden:
{{#ev:service|id|||description}}
Die kürzeste Einbindung erfolgt über den erforderlichen Service-Namen und die Video-ID:
{{#ev:youtube|MLIE2642neg}}
Beispiel mit Video-Beschreibung (- in die Beschreibung kann über das <br /> Tag ein Zeilenumbruch eingefügt werden):
{{#ev:youtube|MLIE2642neg|||ISS - Leben auf der Weltraumstation <br/> 1:04:27}}
Attribute für das Parser-Tag #evt[Bearbeiten | Quelltext bearbeiten]
| Attribut | erforderlich | Standard-wert | Beschreibung |
|---|---|---|---|
service="(Siehe unterstützte Services unten)"
|
ja | Der Video-Service, der aufgerufen wird. | |
id="[id|url]"
|
ja | Die Video-ID oder die ganze URL des externen Videos. | |
dimensions="[BREITE|BREITExHÖHE|xHÖHE]"
|
nein | 640 | Maße in Pixels, um die Größe des Einbindungs-Containers festzulegen. Das Standardformat ist Breite x Höhe, wobei jeweils eine Größenangabe ausgelassen werden kann. Das x muss der Höhe immer vorangestellt sein.
Beispiele: Manche Video-Services wie Gfycat haben keine Standardhöhe. Daher sollte die Höhe bei jeder Einbindung angegeben werden. |
alignment="[left|center|right|inline]"
|
nein | keiner | Das Video kann links, mittig, rechts oder inline plaziert werden. Inline erlaubt es, mehrere Videos nebeneinander zu plazieren. In mobiler Ansicht werden die Videos automatisch untereinander angezeigt. |
description="[wiki text]"
|
nein | keiner | Zeigt eine Beschreibung unter dem Einbettungs-Container an. |
container="[frame]"
|
nein | keiner | Legt den Container-Typ für das Einbetten fest.
|
urlargs="modestbranding=1&version=3"
|
nein | keiner | Ermöglicht es, der generierten Einbettungs-URL extra URL-Argumente hinzuzufügen. Dies ist nützlich, wenn ein unterstützter Video-Service besondere Optionen anbietet, die nur von diesem Service unterstützt werden. |
autoresize="false"
|
nein | wahr | Passt die Video-Größe automatisch an, wenn die Größe des Videos den Container sprengen würde. |
valignment="[top|middle|bottom|baseline]"
|
nein | keiner | Das Video wird im Bezug auf das Parent-Element oben, mittig, unten oder auf der Grundlinie plaziert. Die Benutzung dieses Parameters forciert den Alignment-Parameter. |
Video-Container für mehrere Videos[Bearbeiten | Quelltext bearbeiten]
Das <evlplayer> Tag[Bearbeiten | Quelltext bearbeiten]
Über das Tag <evlplayer> und die Parser-Funktion #evl lassen sich mehrere Videos über einen Player auf der Seite abspielen.
<evlplayer id="Player ID" w="Breite" h="Höhe" class="class" style="style">Standardinhalt</evlplayer>
Alternativ kann ein Startvideo über das Attribut defaultid angezeigt werden:
<evlplayer id="player1" w="480" h="360" service="youtube" defaultid="mCtmECVnrOM" />
Attribute für das Tag <evlplayer> [Bearbeiten | Quelltext bearbeiten]
| Attribut | erforderlich | Standardwert | Beschreibung |
|---|---|---|---|
| id | nein | default | Ein optionale eindeutige ID für diesen Container. |
| w | nein | 800 | Breite, die an den eingebetteten Spieler weitergegeben wird. |
| h | nein | 16:9 Seitenverhältnis wird über die Breite erreicht | Höhe, die an den eingebetteten Spieler weitergegebe wird. |
| class | nein | Zusätzliche CSS-Klasse, die dem Container-div hinzugefügt wird. | |
| style | nein | Zusätzliches Inline-CSS, das auf den Container angewandt wird. | |
| defaultid | nein | Video-ID des standardmäßige geladenen Videos, wenn ein Standard-Video gewünscht ist. | |
| service | nein | Service des Standard-Videos, wenn ein Standard-Video gewünscht wird. |
Video Links hinzufügen[Bearbeiten | Quelltext bearbeiten]
Über die Parser-Funktion {{#evl}} werden die Videos definiert, die im Player abgespielt werden:
{{#evl:<video id>|<Link text>>|<video to play>|service=youtube|player=<player id>}}
Beispiel:
{{#evl:mCtmECVnrOM|Aufbruch zum Mars|player=example-player}}
Zusätzlich zu den für #evt gültigen Attributen gibt es noch folgende spezielle Attribute für das #evl-Tag
Attribute für das Parser-Tag #evl[Bearbeiten | Quelltext bearbeiten]
| Attribut | erforderlich | Standardwert | Beschreibung |
|---|---|---|---|
| video id | ja | keiner | Die ID des Videos, das im Spieler abgespielt werden soll. |
| link text | ja | keiner | Der angezeigte Link-Text für das jeweilige Video |
| player | nein | ‘default’ | Player-Container, in den das Video geladen wird. Die ID 'default' existiert nur, wenn im Tag <evlplayer> keine Player-ID definiert wurde. |
Beispiel[Bearbeiten | Quelltext bearbeiten]
<evlplayer w="600" id="example-player">default content</evlplayer>
{{#evl:OLeWbRdW6rY|Let eet Go|1|player=example-player}}
{{#evl:mCtmECVnrOM|Aufbruch zum Mars|2|player=example-player}}
{{#evl:MLIE2642neg|ISS - Leben auf der Weltraumstation|3|player=example-player}}
Lokale Videos einbetten[Bearbeiten | Quelltext bearbeiten]
Mediendialog[Bearbeiten | Quelltext bearbeiten]
Videos können wie Bilder direkt über den Mediendialog auf einer Seite eingefügt werden. Das Wiki erkennt die Dateiendung und generiert automatisch den nötigen HTML-Player.
BlueSpicePlayer oder EmbedVideo[Bearbeiten | Quelltext bearbeiten]
Videos, die direkt im Wiki gespeichert sind, können ebenso in der Quelltextbearbeitung eingebunden werden. Dies ist auch über die BlueSpice-spezifische Erweiterung BlueSpicePlayer möglich. BlueSpicePlayer hat keine Funktion zur Einbindung von externen Videos. Die Verwendung unterscheidet sich wie folgt:
| Syntax/Parameter | EmbedVideo | BlueSpicePlayer |
|---|---|---|
| Syntax | entspricht der Syntax von Bild-Dateien
|
<bs:showtime>beispielname.mp4</bs:showtime>
|
| Größe | Angabe nur der Breite möglich, das Video füllt die gesamte Breite des Player-Containers aus:
|
Breite und Höhe können unabhängig definiert werden. Sind die Videoabmessungen kleiner als die Breite des Video-Containers, wird der Canvas schwarz ausgefüllt.
|
| Loop | - |
<bs:showtime repeat="yes"</code>
|
| Autostart | - | <bs:showtime autostart="yes"</code>
|
| Start/Ende | [[Datei:beispielname.mp4]]
Zeitangabe als: ss, mm:ss, hh:mm:ss |
- |
| HTML-Output | wird als <video>-Tag eingebettet | als verschachtelte <div>-Tags eingebettet |
| Anpassung an mobiles Display | ja | nein |
| Bedienelemente | ||
| Play-Button | ja | ja |
| Fortschrittsanzeige | ja | ja |
| Lautstärkenregler | ja | ja |
| Vollbild-Modus | ja | ja |
| Bild-im-Bild-Modus | ja | ja |
| Download | ja | nein |
| Geschwindigkeitsregler | nein | ja |
Unterstützte Video-Services[Bearbeiten | Quelltext bearbeiten]
Die folgenden Video-Services werden in der Erweiterung EmbedVideo unterstützt. In Klammern stehen die jeweiligen Servicenamen, die im #evt und im #ev Tag verwendet werden:
Archive.org Videos (archiveorg), Bambuser (bambuser), Bing (bing), Blip.tv (blip), C3TV (mediaccde), CollegeHumor (collegehumor), Dailymotion (dailymotion), Disclose.tv (disclose), Daum TVPot (tvpot), Div Share (divshare), Facebook (facebook), FunnyOrDie (funnyordie), Gfycat (gfycat), Hitbox (hitbox), JW Player (jwplayer), Kickstarter (kickstarter), Metacafe (metacafe), Microsoft Stream (microsoftstream), Mixer (mixer), Nico Nico Video (nico), RuTube (rutube), SoundCloud (soundcloud), Spotify Album (spotifyalbum), Spotify Artist (spotifyartist), Spotify Song (spotifytrack), TeacherTube (teachertube), TED Talks (ted), Tubi TV (tubitv), Tudou (tudou), Twitch (twitch), Videomaten (videomaten), Vimeo (vimeo), Vine (vine), Yahoo Screen (yahoo), YouTube (youtube), YouTube Playlist (youtubeplaylist), YouTube Video List (youtubevideolist), Youku (youku)
Weiterführende Links
