Zuletzt bearbeitet vor 3 Monaten
von Margit Link-Rodrigue

2.2.6 Handbuch:Erweiterung/EmbedVideo (fork): Unterschied zwischen den Versionen

Keine Bearbeitungszusammenfassung
Keine Bearbeitungszusammenfassung
 
(32 dazwischenliegende Versionen desselben Benutzers werden nicht angezeigt)
Zeile 1: Zeile 1:
<bookshelf src="Buch:Benutzerhandbuch" />
<bookshelf src="Buch:Benutzerhandbuch" />
{{DISPLAYTITLE:Videos einbinden}}
{{DISPLAYTITLE:Videos einbinden}}
 
{{BSVersion|bsvFrom=4.4|bsvFeature=EmbedVideo|info=Bis BlueSpice 4.3 ist die Erweiterung [[Handbuch:Erweiterung/EmbedVideo|EmbedVideo]] gebündelt.}}
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.
<br />
{{Hinweisbox|boxtype=Wichtig|icon=|Note text=Standardmäßig sind Video- und Audioformate nicht als erlaubte Dateiformate konfiguriert.  
{{Hinweisbox|boxtype=Wichtig|icon=|Note text=Standardmäßig sind Video- und Audioformate nicht als erlaubte Dateiformate konfiguriert.  
Ein Administrator muss daher in der [[Handbuch:Erweiterung/BlueSpiceConfigManager|Konfigurationsverwaltung]] die entsprechenden Dateiformate erst hinzufügen, bevor Benutzer diese Dateien hochladen können|bgcolor=}}
Ein Administrator muss daher in der [[Handbuch:Erweiterung/BlueSpiceConfigManager|Konfigurationsverwaltung]] die entsprechenden Dateiformate erst hinzufügen, bevor Benutzer diese Dateien hochladen können|bgcolor=}}
==Externe Videos einbetten==
==Externe Videos einbetten==
[[Datei:750px-video-extern-einbetten.png|alternativtext=Eingebettete externe YouTube-Videos|zentriert|mini|750x750px|Eingebettete externe YouTube-Videos]]
Standardmäßig werden für eingebettete Videos Platzhalter angezeigt, solange keine Zustimmung zur Nutzung des Video-Dienstes erteilt wurde. Diese Anforderung einer Zustimmung kann über Serverkonfiguration deaktiviert werden.
[[Datei:EmbedVideo (fork)-Zustimmung.png|alternativtext=Grauer Hintergrund mit der Schaltfläche zur Zustimmung zum Video-Dienst|zentriert|mini|Video-Platzhalter]]




{{Hinweisbox|boxtype=note|Note text=Die Anleitung zur Nutzung der Erweiterung EmbedVideo wurde aus der englischen [https://www.mediawiki.org/wiki/Extension:EmbedVideo Mediawiki-Hilfeseite] übernommen und angepasst.}}
 
===Syntax===
=== Content Droplet ===
Externe Videos aus unterstützten Diensten lassen sich über das [[Handbuch:Erweiterung/ContentDroplets|Content Droplet]] "Video" einfügen.
 
Nachdem Sie das Content Droplet „Video“ ausgewählt haben, können Sie den Videonamen angeben, beispielsweise eines YouTube-Videos:
[[Datei:EmbedVideo (fork) Optionen.png|alternativtext=Video-Einstellungen für ein YouTube-Video als Vorschaubild mit Bildbeschriftung.|zentriert|mini|324x324px|Optionen für das Content Droplet "Video"]]
 
=== Quelltextmodus ===
{{Hinweisbox|boxtype=note|Note text=Die Anleitung zur Nutzung der Erweiterung EmbedVideo wurde aus der englischen [https://www.mediawiki.org/wiki/Extension:EmbedVideo_(fork) Mediawiki-Hilfeseite] übernommen und angepasst.}}
 
==== Syntax ====
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 lang="text">
<syntaxhighlight>
{{#ev:service|id|dimensions|alignment|description|container|urlargs|autoresize}}
{{#evt:
</syntaxhighlight>Platzhalter für nicht genutzte Argumente zwischen zwei Argumenten müssen leer gelassen werden und dürfen nicht entfernt werden:<syntaxhighlight lang="text">
service=youtube
|id=https://www.youtube.com/watch?v=MLIE2642neg
}}
</syntaxhighlight>
Es können weitere optionale Parameter hinzugefügt werden (siehe [[#Attribute für das Parser-Tag #evt|Liste der Attribute]]):<syntaxhighlight>
{{#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=
}}
</syntaxhighlight>Eine Kurzschreibweise ist über das <code>#ev</code>-Tag möglich:<syntaxhighlight>
{{#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>
{{#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 lang="text">Die kürzeste Einbindung erfolgt über den erforderlichen Service-Namen und die Video-ID:<syntaxhighlight>
{{#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>


===Attribute für das Parser-Tag #evt ===
==== Parameter ====
{| class="contenttable-blue" style="width:100%;" data-sourcepos="123:1-133:266" dir="auto"
{| class="contenttable-blue" style="width:100%;"  
! data-sourcepos="123:2-123:46" |Attribut
!Attribut
! data-sourcepos="123:48-123:57" |erforderlich
!erforderlich
! data-sourcepos="123:59-123:67" |Standard-wert
!Standard-wert
! data-sourcepos="123:69-123:262" |Beschreibung
!Beschreibung
|- data-sourcepos="125:1-125:263"
|-  
| data-sourcepos="125:2-125:46" |<code>service="(Siehe unterstützte Services unten)"</code>
|<code>service="(Siehe unterstützte Services unten)"</code>
| data-sourcepos="125:48-125:57" |ja
|ja
| data-sourcepos="125:59-125:67" |
|
| data-sourcepos="125:69-125:262" |Der Video-Service, der aufgerufen wird.
|Der Video-Service, der aufgerufen wird.
|- data-sourcepos="126:1-126:264"
|-  
| data-sourcepos="126:2-126:47" |<code><nowiki>id="[id|url]"</nowiki></code>
|<code><nowiki>id="[id|url]"</nowiki></code>
| data-sourcepos="126:49-126:58" |ja
|ja
| data-sourcepos="126:60-126:68" |
|
| data-sourcepos="126:70-126:263" |Die Video-ID oder die ganze URL des externen Videos.
|Die Video-ID oder die ganze URL des externen Videos.  
|- data-sourcepos="127:1-127:596"
|-  
| data-sourcepos="127:2-127:48" |<code><nowiki>dimensions="[BREITE|BREITExHÖHE|xHÖHE]"</nowiki></code>
|<code><nowiki>dimensions="[BREITE|BREITExHÖHE|xHÖHE]"</nowiki></code>
| data-sourcepos="127:50-127:59" |nein
|nein  
| data-sourcepos="127:61-127:69" |640
|640
| data-sourcepos="127:71-127:595" |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  <code>x</code> muss der Höhe immer vorangestellt sein.
|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  <code>x</code> muss der Höhe immer vorangestellt sein.
Beispiele: <code>480</code>, <code>480x320</code>, <code>x320</code>. Wenn die Höhe nicht angegeben ist, wird sie automatisch über die Breite und das standardmäßige Seitenverhältnis des Video-Services berechnet.  
Beispiele: <code>480</code>, <code>480x320</code>, <code>x320</code>. Wenn die Höhe nicht angegeben ist, wird sie automatisch über die Breite und das standardmäßige Seitenverhältnis des Video-Services berechnet.  


Manche Video-Services wie ''Gfycat'' haben keine Standardhöhe. Daher sollte die Höhe bei jeder Einbindung angegeben werden.  <code>$wgEmbedVideoDefaultWidth</code> kann in der Datei <code>LocalSettings.php</code> die Standardbreite überschreiben.
Manche Video-Services haben keine Standardhöhe. Daher sollte die Höhe bei jeder Einbindung angegeben werden.  <code>$wgEmbedVideoDefaultWidth</code> kann in der Datei <code>LocalSettings.php</code> die Standardbreite überschreiben.
|- data-sourcepos="128:1-128:266"
|-  
| data-sourcepos="128:2-128:49" |<code><nowiki>alignment="[left|center|right|inline]"</nowiki></code>
|<code><nowiki>alignment="[left|center|right|inline]"</nowiki></code>
| data-sourcepos="128:51-128:60" |nein
|nein
| data-sourcepos="128:62-128:70" |keiner
| keiner
| data-sourcepos="128:72-128:265" |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.
|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.
|- data-sourcepos="129:1-129:263"
|-  
| data-sourcepos="129:2-129:46" |<code>description="[wiki text]"</code>
|<code>description="[wiki text]"</code>  
| data-sourcepos="129:48-129:57" |nein
| nein
| data-sourcepos="129:59-129:67" |keiner
|keiner
| data-sourcepos="129:69-129:262" |Zeigt eine Beschreibung unter dem Einbettungs-Container an.
|Zeigt eine Beschreibung unter dem Einbettungs-Container an.
|- data-sourcepos="130:1-130:263"
|-  
| data-sourcepos="130:2-130:46" |<code>container="[frame]"</code>
|<code>container="[frame]"</code>
| data-sourcepos="130:48-130:57" |nein
|nein
| data-sourcepos="130:59-130:67" |keiner
|keiner
| data-sourcepos="130:69-130:262" |Legt den Container-Typ für das Einbetten fest.
|Legt den Container-Typ für das Einbetten fest.
<code>frame</code>: Umgibt den Video-Player mit einer Mediawiki Vorschaubox.
<code>frame</code>: Umgibt den Video-Player mit einer Mediawiki Vorschaubox.
|- data-sourcepos="131:1-131:263"
|-  
| data-sourcepos="131:2-131:46" |<code>urlargs="modestbranding=1&version=3"</code>
|<code>urlargs="modestbranding=1&version=3"</code>
| data-sourcepos="131:48-131:57" |nein
|nein  
| data-sourcepos="131:59-131:67" |keiner
|keiner
| data-sourcepos="131:69-131:262" |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.
| 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.
|- data-sourcepos="132:1-132:263"
|-  
| data-sourcepos="132:2-132:46" |<code>autoresize="false"</code>
|<code>autoresize="false"</code>
| data-sourcepos="132:48-132:57" |nein
|nein
| data-sourcepos="132:59-132:67" |wahr
|wahr
| data-sourcepos="132:69-132:262" |Passt die Video-Größe automatisch an, wenn die Größe des Videos den Container sprengen würde.
|Passt die Video-Größe automatisch an, wenn die Größe des Videos den Container sprengen würde.
|- data-sourcepos="133:1-133:266"
|-  
| data-sourcepos="133:2-133:49" |<code><nowiki>valignment="[top|middle|bottom|baseline]"</nowiki></code>
|<code><nowiki>valignment="[top|middle|bottom|baseline]"</nowiki></code>
| data-sourcepos="133:51-133:60" |nein
| nein
| data-sourcepos="133:62-133:70" |keiner
|keiner  
| data-sourcepos="133:72-133:265" |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.
|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.
|-
|<code><nowiki>width</nowiki></code>
|
|
|Breite des Videos (z.B. <code>300</code>). Die Höhe wird automatisch berechnet.
|-
|<code><nowiki>height</nowiki></code>
|
|
|Höhe des Videos (z.B. <code>200</code>). Die Breite wird automatisch berechnet.
|-
|<code><nowiki>poster</nowiki></code> / <code><nowiki>cover</nowiki></code>
|
|
|Wird nur berücksichtigt, wenn eine Zustimmung zum Laden des Videos erforderlich ist ($wgEmbedVideoRequireConsent=true).
|-
|<code><nowiki>title</nowiki></code>
|
|
|Wird nur berücksichtigt, wenn eine Zustimmung zum Laden des Videos erforderlich ist ($wgEmbedVideoRequireConsent=true).
|}
|}


==Video-Container für mehrere Videos==
== Nicht mehr unterstützte Parameter ==
Wenn Sie bereits Video über die Vorgänger-Erweiterung EmbedVideo in ihrem Wiki eingebunden haben, kann es sein, dass diese nicht mehr angezeigt werden.


===Das <nowiki><evlplayer> Tag</nowiki>===
Beispiel einer vorhergehenden Einbindung:<syntaxhighlight lang="text">
Ü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.
{{#evt:
[[Datei:350px-video-extern-videocontainer-hook.png|alternativtext=Videos über kombinierten Player abspielen|zentriert|mini|331x331px|Videos über kombinierten Player abspielen]]
service=youtube
<syntaxhighlight>
|id=fX8ml-XPMdY
<evlplayer id="Player ID" w="Breite" h="Höhe" class="class" style="style">Standardinhalt</evlplayer>
|dimensions=280
</syntaxhighlight>Alternativ kann ein Startvideo über das Attribut <code>defaultid</code> angezeigt werden:
|alignment=right
<syntaxhighlight><evlplayer id="player1" w="480" h="360" service="youtube" defaultid="mCtmECVnrOM" /></syntaxhighlight>
|description=Webinar: BlueSpice 4 (12:43)
}}
</syntaxhighlight>Die Parser-Funktion <code>#evt</code> sowie der Parametername <code>service</code> werden nun nicht mehr unterstützt. Ersetzen Sie diese Einbindung mit dem entsprechenden Content-Droplet oder verändern Sie die Syntax im Quelltext zu:<syntaxhighlight lang="text">
{{#ev:
youtube
|id=fX8ml-XPMdY
|dimensions=280
|alignment=right
|description=Webinar: BlueSpice 4 (12:43)
}}
</syntaxhighlight>


====Attribute für das Tag <nowiki><evlplayer> </nowiki>====
{| class="contenttable-blue" style="width:100%;"
! style="background-color:rgb(234, 236, 240);text-align:center;" width="11%" |Attribut
! style="background-color:rgb(234, 236, 240);text-align:center;" width="10%" |erforderlich
! style="background-color:rgb(234, 236, 240);text-align:center;" width="23%" |Standardwert
! style="background-color:rgb(234, 236, 240);text-align:center;" width="54%" |Beschreibung
|-
| style="" |id
| style="" |nein
| style="" |default
| style="" |Ein optionale eindeutige ID für diesen Container.
|-
| style="" |w
| style="" |nein
| style="" |800
| style="" |Breite, die an den eingebetteten Spieler weitergegeben wird.
|-
| style="" |h
| style="" |nein
| style="" |16:9 Seitenverhältnis wird über die Breite erreicht
| style="" |Höhe, die an den eingebetteten Spieler weitergegebe wird.
|-
| style="" |class
| style="" |nein
| style="" |
| style="" |Zusätzliche CSS-Klasse, die dem Container-div hinzugefügt wird.
|-
| style="" |style
| style="" |nein
| style="" |
| style="" |Zusätzliches Inline-CSS, das auf den Container angewandt wird.
|-
| style="" |defaultid
| style="" |nein
| style="" |
| style="" |Video-ID des standardmäßige geladenen Videos, wenn ein Standard-Video gewünscht ist.
|-
| style="" |service
| style="" |nein
| style="" |
| style="" |Service des Standard-Videos, wenn ein Standard-Video gewünscht wird.
|}
===Video Links hinzufügen===
Über die Parser-Funktion <nowiki>{{#evl}}</nowiki> werden die Videos definiert, die im Player abgespielt werden:<syntaxhighlight>
{{#evl:<video id>|<Link text>>|<video to play>|service=youtube|player=<player id>}}
</syntaxhighlight>Beispiel:<syntaxhighlight>
{{#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 />
====Attribute für das Parser-Tag #evl ====
{| class="contenttable-blue" style="width:100%;"
! style="background-color:rgb(234, 236, 240);text-align:center;width:100px;" width="5%" |Attribut
! style="background-color:rgb(234, 236, 240);text-align:center;" width="4%" |erforderlich
! style="background-color:rgb(234, 236, 240);text-align:center;" width="3%" |Standardwert
! style="background-color:rgb(234, 236, 240);text-align:center;" width="86%" |Beschreibung
|-
| style="width:100px;" |video id
| style="" |ja
| style="" |keiner
| style="" |Die ID des Videos, das im Spieler abgespielt werden soll.
|-
| style="width:100px;" |link text
| style="" |ja
| style="" |keiner
| style="" |Der angezeigte Link-Text für das jeweilige Video
|-
| style="width:100px;" |player
| style="" |nein
| style="" |‘default’
| style="" |Player-Container, in den das Video geladen wird. Die ID ''<nowiki/>'default''' existiert nur, wenn im Tag <nowiki><evlplayer> keine Player-ID definiert wurde.</nowiki>
|}
===Beispiel===
<syntaxhighlight>
<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}}
</syntaxhighlight>
==Lokale Videos einbetten==
==Lokale Videos einbetten==


=== Mediendialog ===
===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.
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 ===
===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:
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%;"
{| class="contenttable-blue" style="width:100%;"
|+
|+
! style="width:20%;" |Syntax/Parameter
! style="width:20%;" | Syntax/Parameter
! style="width:39%;" |EmbedVideo
! style="width:39%;" |EmbedVideo
!BlueSpicePlayer
!BlueSpicePlayer
Zeile 211: Zeile 154:
| style="width:39%;" |Angabe nur der Breite möglich, das Video füllt die gesamte Breite des Player-Containers aus:
| 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>
<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 />
 
[[Datei:video-size-embedvideo-600.png|zentriert|mini|300x300px|EmbedVideo mit 600px Breite|verweis=Special:FilePath/video-size-embedvideo-600.png]]
|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.
|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>..
<code><nowiki><bs:showtime width="600"></nowiki></code>..
Zeile 218: Zeile 162:
|-
|-
| style="width:20%;" |Loop
| style="width:20%;" |Loop
| style="width:39%;" | -<br />
| style="width:39%;" | -
|<code><nowiki><bs:showtime repeat="yes"</code></nowiki>
|<code><nowiki><bs:showtime repeat="yes"</code></nowiki>
|-
|-
Zeile 235: Zeile 179:
|-
|-
| style="width:20%;" |Anpassung an mobiles Display
| style="width:20%;" |Anpassung an mobiles Display
| style="width:39%;" |ja
| style="width:39%;" | ja
|nein
|nein
|-
|-
Zeile 249: Zeile 193:
|-
|-
| style="width:20%;" |Lautstärkenregler
| style="width:20%;" |Lautstärkenregler
| style="width:39%;" |ja
| style="width:39%;" | ja
|ja
|ja
|-
|-
| style="width:20%;" |Vollbild-Modus
| style="width:20%;" |Vollbild-Modus
| style="width:39%;" |ja
| style="width:39%;" |ja
|ja
|ja  
|-
|-
| style="width:20%;" |Bild-im-Bild-Modus
| style="width:20%;" |Bild-im-Bild-Modus
| style="width:39%;" |ja
| style="width:39%;" |ja
|ja
|ja  
|-
|-
| style="width:20%;" |Download
| style="width:20%;" |Download
Zeile 270: Zeile 214:


==Unterstützte Video-Services==
==Unterstützte Video-Services==
Die folgenden Video-Services werden in der Erweiterung EmbedVideo unterstützt. In Klammern stehen die jeweiligen Servicenamen, die im  <code>#evt</code> und im <code>#ev</code> Tag verwendet werden:
Die folgenden Video-Services werden in der Erweiterung EmbedVideo unterstützt. In Klammern stehen die jeweiligen Servicenamen, die im <code>#ev</code> 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)
Archive.org Videos (archiveorg), Bilibili (bilibli), KakaoTV (kakaotv), NaverTIV (navertv), Niconico (niconico), SoundCloud (soundcloud), Spotify Album (spotifyalbum), Spotify Artist (spotifyartist), Spotify Song (spotifytrack), Twitch (twitch), Vimeo (vimeo), YouTube (youtube), YouTube Playlist (youtubeplaylist), YouTube Video List (youtubevideolist).


{{Box Links
Neue Services können über [https://github.com/StarCitizenWiki/mediawiki-extensions-EmbedVideo/issues/new?assignees=&labels=enhancement&template=embed-service-request.md&title=Embed+Service+Request%3A+Service+Name GitHub] beim Entwickler angefragt werden.
|Thema1=[https://www.mediawiki.org/wiki/Extension:EmbedVideo Mediawiki Hilfeseite zur Erweiterung EmbedVideo (englisch)]
 
{{Box Links|Thema1=[https://www.mediawiki.org/wiki/Extension:EmbedVideo_(fork) Mediawiki Hilfeseite zur Erweiterung EmbedVideo_(fork) (Englisch)]
|Thema2=[[Handbuch:Erweiterung/BlueSpicePlayer|Hilfeseite zum BlueSpicePlayer - nur für die Einbettung von Video-Dateien, die im Wiki hochgeladen sind]]
|Thema2=[[Handbuch:Erweiterung/BlueSpicePlayer|Hilfeseite zum BlueSpicePlayer - nur für die Einbettung von Video-Dateien, die im Wiki hochgeladen sind]]
}}
}}
Zeile 282: Zeile 227:
[[Category:Bearbeitung]]
[[Category:Bearbeitung]]


 
{{translation}}
[[en:Manual:Extension/EmbedVideo]]
[[de:{{FULLPAGENAME}}]]

Aktuelle Version vom 12. Januar 2024, 10:11 Uhr


EmbedVideo ist ab BlueSpice 4.4 enthalten. Bis BlueSpice 4.3 ist die Erweiterung EmbedVideo gebündelt.
Wichtig!Standardmäßig sind Video- und Audioformate nicht als erlaubte Dateiformate konfiguriert. Ein Administrator muss daher in der Konfigurationsverwaltung die entsprechenden Dateiformate erst hinzufügen, bevor Benutzer diese Dateien hochladen können


Externe Videos einbetten[Bearbeiten | Quelltext bearbeiten]

Standardmäßig werden für eingebettete Videos Platzhalter angezeigt, solange keine Zustimmung zur Nutzung des Video-Dienstes erteilt wurde. Diese Anforderung einer Zustimmung kann über Serverkonfiguration deaktiviert werden.

Grauer Hintergrund mit der Schaltfläche zur Zustimmung zum Video-Dienst
Video-Platzhalter


Content Droplet[Bearbeiten | Quelltext bearbeiten]

Externe Videos aus unterstützten Diensten lassen sich über das Content Droplet "Video" einfügen.

Nachdem Sie das Content Droplet „Video“ ausgewählt haben, können Sie den Videonamen angeben, beispielsweise eines YouTube-Videos:

Video-Einstellungen für ein YouTube-Video als Vorschaubild mit Bildbeschriftung.
Optionen für das Content Droplet "Video"

Quelltextmodus[Bearbeiten | Quelltext bearbeiten]

Hinweis:Die Anleitung zur Nutzung der Erweiterung EmbedVideo wurde aus der englischen Mediawiki-Hilfeseite übernommen und angepasst.


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: 480, 480x320, x320. Wenn die Höhe nicht angegeben ist, wird sie automatisch über die Breite und das standardmäßige Seitenverhältnis des Video-Services berechnet.

Manche Video-Services haben keine Standardhöhe. Daher sollte die Höhe bei jeder Einbindung angegeben werden. $wgEmbedVideoDefaultWidth kann in der Datei LocalSettings.php die Standardbreite überschreiben.

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.

frame: Umgibt den Video-Player mit einer Mediawiki Vorschaubox.

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 (z.B. 300). Die Höhe wird automatisch berechnet.
height Höhe des Videos (z.B. 200). 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).

Nicht mehr unterstützte Parameter[Bearbeiten | Quelltext bearbeiten]

Wenn Sie bereits Video über die Vorgänger-Erweiterung EmbedVideo in ihrem Wiki eingebunden haben, kann es sein, dass diese nicht mehr angezeigt werden.

Beispiel einer vorhergehenden Einbindung:

{{#evt:
 service=youtube
 |id=fX8ml-XPMdY
 |dimensions=280
 |alignment=right
 |description=Webinar: BlueSpice 4 (12:43)
}}

Die Parser-Funktion #evt sowie der Parametername service werden nun nicht mehr unterstützt. Ersetzen Sie diese Einbindung mit dem entsprechenden Content-Droplet oder verändern Sie die Syntax im Quelltext zu:

{{#ev:
 youtube
 |id=fX8ml-XPMdY
 |dimensions=280
 |alignment=right
 |description=Webinar: BlueSpice 4 (12:43)
}}

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

[[Datei:beispielname.mp4]]

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

[[Datei:beispielname.mp4|600px]]

EmbedVideo mit 600px Breite
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.

<bs:showtime width="600">..

BlueSpicePlayer mit 600px Breite
.
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 #ev Tag verwendet werden:

Archive.org Videos (archiveorg), Bilibili (bilibli), KakaoTV (kakaotv), NaverTIV (navertv), Niconico (niconico), SoundCloud (soundcloud), Spotify Album (spotifyalbum), Spotify Artist (spotifyartist), Spotify Song (spotifytrack), Twitch (twitch), Vimeo (vimeo), YouTube (youtube), YouTube Playlist (youtubeplaylist), YouTube Video List (youtubevideolist).

Neue Services können über GitHub beim Entwickler angefragt werden.

Weiterführende Links






Feedback zur Dokumentation ist im Community-Forum möglich.

Diskussionen