EmbedVideo
-
- vor 4 Jahren zuletzt von MLR bearbeitet
-
-
- Keine Statusinformation
BlueSpice integriert die MediaWiki Erweiterung EmbedVideo, um Video-Dateien von externen Video-Services wie YouTube oder Vimeo einzubinden. EmbedVideo unterstützt über 20 Video-Services. Zusätzlich können auch Videos, die direkt auf dem Wiki hochgeladen wurden, eingebettet werden.
Inhaltsverzeichnis
Videos externer Video-Services 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:
{{#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}}
Platzhalter für nicht genutzte Argumente zwischen zwei Argumenten müssen leer gelassen werden und dürfen nicht entfernt werden:
{{#ev:service|id|||description}}
Kürzeste Einbindung über den Service-Namen und die Video-ID:
{{#ev:youtube|MLIE2642neg}}
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}}
Liste der Attribute für Parser-Tags[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]"
|
no | 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: |
alignment="[left|center|right|inline]"
|
no | none | Align the placement of the video either to the left, centered, or to the right. Inline will allow multiple videos to display side by side without forced line breaks. |
description="[wiki text]"
|
no | none | Display a description under the embed container. |
container="[frame]"
|
no | none | Specifies the container type to use for the embed.
|
urlargs="modestbranding=1&version=3"
|
no | none | Allows extra URL arguments to be appended to the generated embed URL. This is useful for obscure options only supported on one service. |
autoresize="false"
|
no | true | Automatically resize videos when their size will cause them to break outside of their container element |
valignment="[top|middle|bottom|baseline]"
|
no | none | Align the vertical placement of the video either to the top, middle, bottom, or baseline of the parent element. Using this parameter forces the alignment parameter |
Lokale Videos einbetten[Bearbeiten | Quelltext bearbeiten]
Lokale Videos können ebenso in der Quelltextbearbeitung eingebunden werden. Dies ist auch über die BlueSpice-spezifische Erweiterung BlueSpicePlayer möglich. Die Verwendung unterscheidet sich wie folgt:
Syntax und Parameter | EmbedVideo | BlueSpicePlayer | |
---|---|---|---|
Syntax | entspricht der Syntax von Bild-Dateien
[[Datei:beispielname.mp4]] |
<bs:showtime>beispielname.mp4</bs:showtime> | |
Größe | Angabe der Breite möglich, das Video füllt die gesamte Breite aus:
[[Datei:beispielname.mp4|600px]] |
Breite und Höhe können unabhängig definiert werden. Sind die Videoabmessungen kleiner als diese Angaben, wird der Canvas schwarz ausgefüllt.
<bs:showtime width="400" height="400">... | |
Loop | - | <bs:showtime repeat="yes"... |- |Auto-Start | - |<bs:showtime autostart="yes"... |- |Start-/Endzeit |<nowiki>end=6 Zeitangabe als: </nowiki>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 | |
Geschwindigkeit | nein | ja |