Keine Bearbeitungszusammenfassung Markierung: 2017-Quelltext-Bearbeitung |
Keine Bearbeitungszusammenfassung Markierung: 2017-Quelltext-Bearbeitung |
||
Zeile 97: | Zeile 97: | ||
| | | | ||
|Wird nur berücksichtigt, wenn eine Zustimmung zum Laden des Videos erforderlich ist ($wgEmbedVideoRequireConsent=true). | |Wird nur berücksichtigt, wenn eine Zustimmung zum Laden des Videos erforderlich ist ($wgEmbedVideoRequireConsent=true). | ||
|} | |||
==Lokale Videos einbetten== | |||
=== Mediendialog === | |||
Videos können wie [[Handbuch:Erweiterung/VisualEditor/Bilder|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 === | |||
Videos, die direkt im Wiki gespeichert sind, können ebenso in der Quelltextbearbeitung eingebunden werden. Dies ist auch über die BlueSpice-spezifische Erweiterung [[Handbuch:Erweiterung/BlueSpicePlayer|BlueSpicePlayer]] möglich. BlueSpicePlayer hat keine Funktion zur Einbindung von externen Videos. Die Verwendung unterscheidet sich wie folgt: | |||
{| class="contenttable-blue" style="width:100%;" | |||
|+ | |||
! style="width:20%;" |Syntax/Parameter | |||
! style="width:39%;" |EmbedVideo | |||
!BlueSpicePlayer | |||
|- | |||
| style="width:20%;" |Syntax | |||
| style="width:39%;" |entspricht der Syntax von Bild-Dateien | |||
<code><nowiki>[[Datei:beispielname.mp4]]</nowiki></code> | |||
|<code><nowiki><bs:showtime>beispielname.mp4</bs:showtime></nowiki></code> | |||
|- | |||
| style="width:20%;" |Größe | |||
| style="width:39%;" |Angabe nur der Breite möglich, das Video füllt die gesamte Breite des Player-Containers aus: | |||
<code><nowiki>[[Datei:beispielname.mp4|600px]]</nowiki></code> | |||
<br />[[Datei:video-size-embedvideo-600.png|zentriert|mini|300x300px|EmbedVideo mit 600px Breite|verweis=Special:FilePath/video-size-embedvideo-600.png]]<br /> | |||
|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. | |||
<code><nowiki><bs:showtime width="600"></nowiki></code>.. | |||
[[Datei:video-size-showtime-600.png|zentriert|mini|300x300px|BlueSpicePlayer mit 600px Breite|verweis=Special:FilePath/video-size-showtime-600.png]]. | |||
|- | |||
| style="width:20%;" |Loop | |||
| style="width:39%;" | -<br /> | |||
|<code><nowiki><bs:showtime repeat="yes"</code></nowiki> | |||
|- | |||
|Autostart | |||
| - | |||
|<code><nowiki><bs:showtime autostart="yes"</code></nowiki> | |||
|- | |||
|Start/Ende | |||
|<code><nowiki>[[Datei:beispielname.mp4]]</nowiki></code> | |||
Zeitangabe als: ''ss, mm:ss, hh:mm:ss'' | |||
| - | |||
|- | |||
| style="width:20%;" |HTML-Output | |||
| style="width:39%;" |wird als <video>-Tag eingebettet | |||
|als verschachtelte <nowiki><div>-Tags eingebettet</nowiki> | |||
|- | |||
| style="width:20%;" |Anpassung an mobiles Display | |||
| style="width:39%;" |ja | |||
|nein | |||
|- | |||
| colspan="3" class="col-blue-light-bg" |Bedienelemente | |||
|- | |||
| style="width:20%;" |Play-Button | |||
| style="width:39%;" |ja | |||
|ja | |||
|- | |||
| style="width:20%;" |Fortschrittsanzeige | |||
| style="width:39%;" |ja | |||
|ja | |||
|- | |||
| style="width:20%;" |Lautstärkenregler | |||
| style="width:39%;" |ja | |||
|ja | |||
|- | |||
| style="width:20%;" |Vollbild-Modus | |||
| style="width:39%;" |ja | |||
|ja | |||
|- | |||
| style="width:20%;" |Bild-im-Bild-Modus | |||
| style="width:39%;" |ja | |||
|ja | |||
|- | |||
| style="width:20%;" |Download | |||
| style="width:39%;" |ja | |||
|nein | |||
|- | |||
| style="width:20%;" |Geschwindigkeitsregler | |||
| style="width:39%;" |nein | |||
|ja | |||
|} | |} |
Version vom 8. Dezember 2023, 14:08 Uhr
Externe Videos einbetten[Bearbeiten | Quelltext bearbeiten]
Syntax[Bearbeiten | Quelltext bearbeiten]
Ein einzelnes externes Video wird über folgendes Parser-Tag im Quelltext eingefügt:
{{#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}}
<syntaxhighlight lang="text">Die kürzeste Einbindung erfolgt über den erforderlichen Service-Namen und die Video-ID:<syntaxhighlight>
{{#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}}
Parameter[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 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. |
width
|
Breite des Videos. Die Höhe wird automatisch berechnet. | ||
height
|
Höhe des Videos. Die Breite wird automatisch berechnet. | ||
poster / cover
|
Wird nur berücksichtigt, wenn eine Zustimmung zum Laden des Videos erforderlich ist ($wgEmbedVideoRequireConsent=true). | ||
title
|
Wird nur berücksichtigt, wenn eine Zustimmung zum Laden des Videos erforderlich ist ($wgEmbedVideoRequireConsent=true). |
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 |