Video-Test: Unterschied zwischen den Versionen

Aus Dornheim Anatomy
Wechseln zu:Navigation, Suche
(Testseite für HTML5-Videos)
Zeile 1: Zeile 1:
 
==Testseite für HTML5-Videos==
 
==Testseite für HTML5-Videos==
  
−
'''Variante 1:''' Mittels <code><nowiki>[[File]]</nowiki></code> Tag
 
  
−
Geeignet für lokale Dateien. Ohne weitere Optionen wird das Video in der Originalgröße eingebettet.
+
===Variante 1: Mittels (veraltetem?) Html5Mediator-Plugin===
−
Wahlweise kann eine Breitenangabe z.B. <code>|400px</code> getätigt werden. Eine reine Höhenangabe z.B. <code>|x300px</code> funktioniert dagegen nicht. Eine kombinierte Angabe z.B. <code>|300x300px</code> führt nicht zur Veränderung der AspectRatio des Videos, sondern dazu, dass ggf. oben und unten ein weißer Rand ergänzt wird.)
+
 
−
Abgesehen von der nicht möglichen Änderung der Aspect Ration sollten die übrigen von den Image Tags bekannten Formatierungsangaben funktionieren:
+
Das Html5Mediator-Plugin scheint ein leichtgewichtiges Plugin zu sein, dass im Grunde ausreichen dürfte.
 +
Es führt ein generisches <code><nowiki><html5media></nowiki></code>-Tag ein.
 +
 
 +
Leider ist das seit 2013 nicht mehr weiterentwickelt worden. Insofern ist ggf. zu prüfen, ob hier irgendwelche Sicherheitslücken vorliegen könnten.
 +
Es müsste zudem minimal angepasst werden, dass es via "wfLoadExtension" statt dem alten "require_once" geladen werden kann.
 +
 
 +
* Video-Quelle wird zwischen dem öffnenden und schließenden <code><nowiki><html5media></nowiki></code>-Tag angegeben
 +
* Es kann sowohl für lokale Dateien (<code><nowiki>File:...</nowiki></code>) als auch Remote-Videos/URLs (<code><nowiki>http(s)://...</nowiki></code>) genutzt werden.
 +
* Mittels URL sind auch Dienste wie youtube möglich, solange die URL als solche direkt ein Video repräsentiert.
 +
* die Größe kann mittels <code>width=...</code> bzw. <code>height=...</code> definiert werden, mit Erhalt der Aspect Ration
 +
* Bei Kombination von <code>height=...</code> und <code>height=...</code> wird der Video-Rahmen vertikal beschnitten bzw. erhält einen weißen Rand hinzu.
 +
 +
<code><nowiki><html5media width="300">File:Nextcloud.mp4</html5media></nowiki></code>
 +
 
 +
<html5media width="300">File:Nextcloud.mp4</html5media>
 +
 
 +
<code><nowiki><html5media height="200">https://test1.anatomy.dornheim.cloud/images/e/ef/Nextcloud.mp4</html5media></nowiki></code>
 +
 
 +
<html5media height="200">https://test1.anatomy.dornheim.cloud/images/e/ef/Nextcloud.mp4</html5media>
 +
 
 +
<code><nowiki><html5media height="200">https://www.youtube.com/watch?v=riZAzvyRNlw</html5media></nowiki></code>
 +
 
 +
<html5media height="200">https://www.youtube.com/watch?v=riZAzvyRNlw</html5media>
 +
 
 +
-----
 +
 
 +
===Variante 2: Mittels EmbedVideo-Plugin ===
 +
 
 +
 
 +
====Variante 2a: <code><nowiki>[[File]]</nowiki></code>-Tag (für lokale Dateien)====
 +
 
 +
 
 +
Das EmbedVideo-Plugin hängt sich automatisch in die Hook für den <code><nowiki>[[File]]</nowiki></code>-Tag rein.
 +
Dies ist also bestens geeignet für lokale Dateien. (Im übrigen ist dies auch der aktuelle Standard-Weg zum Einbetten von Bildern; das bisherige <code><nowiki>[[Image]]</nowiki></code>-Tag ist eigentlich outdated...)
 +
 
 +
Ohne weitere Optionen wird das Video in der Originalgröße eingebettet. Wahlweise kann eine Breitenangabe z.B. <code>|400px</code> getätigt werden:  
  
 
<code><nowiki>[[File:Nextcloud.mp4|300px]]</nowiki></code>
 
<code><nowiki>[[File:Nextcloud.mp4|300px]]</nowiki></code>
Zeile 11: Zeile 45:
 
[[File:Nextcloud.mp4|300px]]
 
[[File:Nextcloud.mp4|300px]]
  
−
<code><nowiki>
+
Eine reine Höhenangabe z.B. <code>|x300px</code> funktioniert dagegen nicht. Eine kombinierte Angabe z.B. <code>|300x300px</code> führt nicht zur Veränderung der AspectRatio des Videos, sondern dazu, dass ggf. oben und unten ein weißer Rand ergänzt wird.)
−
[[File:Nextcloud.mp4|300x300px|center|thumb|foo]]</nowiki></code>
+
Abgesehen von der nicht möglichen Änderung der Aspect Ration sollten die übrigen von den Image Tags bekannten Formatierungsangaben funktionieren:
 +
 
 +
<code><nowiki>[[File:Nextcloud.mp4|300x300px|center|thumb|foo]]</nowiki></code>
 
[[File:Nextcloud.mp4|300x300px|center|thumb|foo]]
 
[[File:Nextcloud.mp4|300x300px|center|thumb|foo]]
 +
 +
-----
 +
 +
====Variante 2b: klasissches <code><nowiki>{{#ev}}</nowiki></code>-Parser-Tag====
 +
 +
Diese Notations-Variante ist für Videos bei externen Dienstleistern gedacht.
 +
Folgende Notationen sind möglich:
 +
* <code><nowiki>{{#ev:service|id}}</nowiki></code>
 +
* <code><nowiki>{{#ev:service|id|dimensions}}</nowiki></code>
 +
* <code><nowiki>{{#ev:service|id|dimensions|alignment}}</nowiki></code>
 +
* <code><nowiki>{{#ev:service|id|dimensions|alignment|description}}</nowiki></code>
 +
* <code><nowiki>{{#ev:service|id|dimensions|alignment|description|container}}</nowiki></code>
 +
* <code><nowiki>{{#ev:service|id|dimensions|alignment|description|container|urlargs}}</nowiki></code>
 +
* <code><nowiki>{{#ev:service|id|dimensions|alignment|description|container|urlargs|autoresize}}</nowiki></code>
 +
* <code><nowiki>{{#ev:service|id|dimensions|alignment|description|container|urlargs|autoresize|valignment}}</nowiki></code>
 +
 +
 +
{{#evt:
 +
service=youtube
 +
|id=https://www.youtube.com/watch?v=riZAzvyRNlw
 +
|alignment=right
 +
|dimensions=500
 +
}}
 +
 +
Für den Parser-Tag gibt es auch eine Template-Variante <code><nowiki>#evt</nowiki></code>.
 +
 +
Diese ermöglicht es, Key-Value-Paare anzugeben:
 +
<pre>
 +
{{#evt:
 +
service=youtube
 +
|id=https://www.youtube.com/watch?v=riZAzvyRNlw
 +
|alignment=right
 +
|dimensions=500
 +
}}
 +
</pre>
 +
 +
Alternativ gibt es für den Parser-Tag gibt auch noch eine URL-Variante<code><nowiki>#evu</nowiki></code>.
 +
 +
Bei dieser wird der Service aus der URL geparsed:
 +
 +
<pre>
 +
{{#evu:https://www.youtube.com/watch?v=riZAzvyRNlw
 +
|alignment=right
 +
|dimensions=500
 +
}}
 +
</pre>

Version vom 22. November 2019, 10:38 Uhr

Testseite für HTML5-Videos

Variante 1: Mittels (veraltetem?) Html5Mediator-Plugin

Das Html5Mediator-Plugin scheint ein leichtgewichtiges Plugin zu sein, dass im Grunde ausreichen dürfte. Es führt ein generisches <html5media>-Tag ein.

Leider ist das seit 2013 nicht mehr weiterentwickelt worden. Insofern ist ggf. zu prüfen, ob hier irgendwelche Sicherheitslücken vorliegen könnten. Es müsste zudem minimal angepasst werden, dass es via "wfLoadExtension" statt dem alten "require_once" geladen werden kann.

  • Video-Quelle wird zwischen dem öffnenden und schließenden <html5media>-Tag angegeben
  • Es kann sowohl für lokale Dateien (File:...) als auch Remote-Videos/URLs (http(s)://...) genutzt werden.
  • Mittels URL sind auch Dienste wie youtube möglich, solange die URL als solche direkt ein Video repräsentiert.
  • die Größe kann mittels width=... bzw. height=... definiert werden, mit Erhalt der Aspect Ration
  • Bei Kombination von height=... und height=... wird der Video-Rahmen vertikal beschnitten bzw. erhält einen weißen Rand hinzu.

<html5media width="300">File:Nextcloud.mp4</html5media>

<html5media height="200">https://test1.anatomy.dornheim.cloud/images/e/ef/Nextcloud.mp4</html5media>

<html5media height="200">https://www.youtube.com/watch?v=riZAzvyRNlw</html5media>

Variante 2: Mittels EmbedVideo-Plugin

Variante 2a: [[File]]-Tag (für lokale Dateien)

Das EmbedVideo-Plugin hängt sich automatisch in die Hook für den [[File]]-Tag rein. Dies ist also bestens geeignet für lokale Dateien. (Im übrigen ist dies auch der aktuelle Standard-Weg zum Einbetten von Bildern; das bisherige [[Image]]-Tag ist eigentlich outdated...)

Ohne weitere Optionen wird das Video in der Originalgröße eingebettet. Wahlweise kann eine Breitenangabe z.B. |400px getätigt werden:

[[File:Nextcloud.mp4|300px]]

Datei:Nextcloud.mp4

Eine reine Höhenangabe z.B. |x300px funktioniert dagegen nicht. Eine kombinierte Angabe z.B. |300x300px führt nicht zur Veränderung der AspectRatio des Videos, sondern dazu, dass ggf. oben und unten ein weißer Rand ergänzt wird.) Abgesehen von der nicht möglichen Änderung der Aspect Ration sollten die übrigen von den Image Tags bekannten Formatierungsangaben funktionieren:

[[File:Nextcloud.mp4|300x300px|center|thumb|foo]] Datei:Nextcloud.mp4

Variante 2b: klasissches {{#ev}}-Parser-Tag

Diese Notations-Variante ist für Videos bei externen Dienstleistern gedacht. Folgende Notationen sind möglich:

  • {{#ev:service|id}}
  • {{#ev:service|id|dimensions}}
  • {{#ev:service|id|dimensions|alignment}}
  • {{#ev:service|id|dimensions|alignment|description}}
  • {{#ev:service|id|dimensions|alignment|description|container}}
  • {{#ev:service|id|dimensions|alignment|description|container|urlargs}}
  • {{#ev:service|id|dimensions|alignment|description|container|urlargs|autoresize}}
  • {{#ev:service|id|dimensions|alignment|description|container|urlargs|autoresize|valignment}}


{{#evt: service=youtube |id=https://www.youtube.com/watch?v=riZAzvyRNlw |alignment=right |dimensions=500 }}

Für den Parser-Tag gibt es auch eine Template-Variante #evt.

Diese ermöglicht es, Key-Value-Paare anzugeben: 

{{#evt:
service=youtube
|id=https://www.youtube.com/watch?v=riZAzvyRNlw
|alignment=right
|dimensions=500
}}

Alternativ gibt es für den Parser-Tag gibt auch noch eine URL-Variante#evu.

Bei dieser wird der Service aus der URL geparsed: 

{{#evu:https://www.youtube.com/watch?v=riZAzvyRNlw
|alignment=right
|dimensions=500
}}
Abgerufen von „https://dornheim-anatomy.com/index.php?title=Video-Test&oldid=472“
Powered by MediaWiki