Hilfe:Medien einbinden: Unterschied zwischen den Versionen

Aus ZUM-Unterrichten
KKeine Bearbeitungszusammenfassung
Markierung: 2017-Quelltext-Bearbeitung
KKeine Bearbeitungszusammenfassung
Markierung: 2017-Quelltext-Bearbeitung
Zeile 13: Zeile 13:
</div>
</div>


== YouTube-Video ==
== Video- und Audio-Einbindung - YouTube, Vimeo und SoundCloud ==
<pre>
<pre>
{{#ev:youtube|lJnQChnv1T4}}
{{#ev:youtube|lJnQChnv1T4}}
</pre>  
</pre>
 
 
Hinter <code>#ev:</code> fügt man die Plattform ein (youtube, vimeo oder soundcloud) sowie nach einer Pipe (|) die ID des Videos bzw. der Audiodatei.
Hinter <code>#ev:</code> fügt man die Plattform ein (youtube, vimeo oder soundcloud) sowie nach einer Pipe (|) die ID des Videos bzw. der Audiodatei.


Zusätzlich können Parameter zur Breite (in Pixel) und zur Ausrichtung (left, center oder right) eingegeben werden:
Zusätzlich können Parameter zur Breite (in Pixel) und zur Ausrichtung (left, center oder right) eingegeben werden:


<pre>
<pre>
{{#ev:youtube|lJnQChnv1T4|800|center}}
{{#ev:youtube|lJnQChnv1T4|800|center}}
</pre>
</pre>


Empfohlen ist eine Breite von 800 Pixeln bei YouTube und 960 Pixeln bei Vimeo Videos, zudem eine mittige Ausrichtung (center) - damit ist eine gute Darstellung auf allen Displaygrößen gewährt.
Empfohlen ist eine Breite von 800 Pixeln bei YouTube und 960 Pixeln bei Vimeo Videos, zudem eine mittige Ausrichtung (center) - damit ist eine gute Darstellung auf allen Displaygrößen gewährt.
Zeile 32: Zeile 36:
{{#ev:youtube|lJnQChnv1T4|800|center}}
{{#ev:youtube|lJnQChnv1T4|800|center}}


=== Videos in Spalten ===


Soll ein Video in einem 2-Spalten Layout eingebunden werden, empfiehlt sich eine Breite von 460 Pixeln. Außerdem sollte es ebenfalls mittig ausgerichtet sein, damit es auf kleinen Displays gut angezeigt wird.
Soll ein Video in einem 2-Spalten Layout eingebunden werden, empfiehlt sich eine Breite von 460 Pixeln. Außerdem sollte es ebenfalls mittig ausgerichtet sein, damit es auf kleinen Displays gut angezeigt wird.


<pre>
<pre>
Zeile 43: Zeile 50:
}}
}}
</pre>  
</pre>  


{{2Spalten
{{2Spalten

Version vom 23. November 2018, 10:48 Uhr


Geogebra

<ggb_applet id="jhAvTrGx" width="450" height="450" />

Geogebra-Applets auf GeoGebra werden mit Hilfe eines Codes eingebunden, der die Material-ID enthält. Diesen Code erhält man direkt beim Applet unter Teilen -->Einbetten. Man wählt dann Mediawiki und kopiert den Code auf die Wiki-Seite.

GeoGebra

Video- und Audio-Einbindung - YouTube, Vimeo und SoundCloud

{{#ev:youtube|lJnQChnv1T4}}


Hinter #ev: fügt man die Plattform ein (youtube, vimeo oder soundcloud) sowie nach einer Pipe (|) die ID des Videos bzw. der Audiodatei.

Zusätzlich können Parameter zur Breite (in Pixel) und zur Ausrichtung (left, center oder right) eingegeben werden:


{{#ev:youtube|lJnQChnv1T4|800|center}}


Empfohlen ist eine Breite von 800 Pixeln bei YouTube und 960 Pixeln bei Vimeo Videos, zudem eine mittige Ausrichtung (center) - damit ist eine gute Darstellung auf allen Displaygrößen gewährt.

Wichtig: Bitte Videos nicht mehr mit der Syntax {{#evu:URL}} einbinden, da so keine datenschutzkonforme Einbindung gesichert ist.



Videos in Spalten

Soll ein Video in einem 2-Spalten Layout eingebunden werden, empfiehlt sich eine Breite von 460 Pixeln. Außerdem sollte es ebenfalls mittig ausgerichtet sein, damit es auf kleinen Displays gut angezeigt wird.


{{2Spalten
|
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.
|
{{#ev:youtube|lJnQChnv1T4|460|center}}
}}


Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.


Galerien

Das Media-Wiki bietet in der neuesten Version neue Funktionen für Galerien an. Mehr dazu auf der Seite

https://www.mediawiki.org/wiki/Help:Images/de#Gallery_syntax
Hier ein Beispiel für eine Galerie im Modus "packed":


Die alte Hilfe-Seite bietet immer noch Informationen:

https://de.wikipedia.org/wiki/Hilfe:Galerie#gallery-Tag
Hier ein Beispiel für eine Galerie in klassischem Aussehen:


style="text-align:center" im Galley-Tag für zu einer zentrierten Gallerie und zentriertem Beschreibungs-Text