Vorlage:H5p-zum: Unterschied zwischen den Versionen

Aus ZUM Grundschullernportal
KKeine Bearbeitungszusammenfassung
Markierung: 2017-Quelltext-Bearbeitung
KKeine Bearbeitungszusammenfassung
Markierung: 2017-Quelltext-Bearbeitung
 
(4 dazwischenliegende Versionen desselben Benutzers werden nicht angezeigt)
Zeile 1: Zeile 1:
<noinclude>
<noinclude>
Mit dieser Vorlage lassen sich H5P Apps von [https://h5p.zum.de/ ZUM-Apps] einfügen. Um Apps der Seite https://h5p.org/ einzubinden, wird die [[Vorlage:H5p]] verwendet.
Mit dieser Vorlage lassen sich H5P Apps von [https://h5p.zum.de/ ZUM-Apps] einfügen. Um Apps der Seite https://h5p.org/ einzubinden, wird die [[Vorlage:H5p]] verwendet.
Dazu muss die ID der entsprechenden App als Parameter an die Vorlage übergeben werden. Am Fuße jeder App ist der Code zum Einbetten (embed) anklickbar. Er sieht in diesem Beispiel so aus:
<pre><iframe src="https://apps.zum.de/h5p/63/embed" width="367" height="552" frameborder="0" allowfullscreen="allowfullscreen"></iframe><script src="https://apps.zum.de/modules/contrib/h5p/vendor/h5p/h5p-core/js/h5p-resizer.js" charset="UTF-8"></script></pre>
Die gesuchte '''id''' steht in der URL der App hinter <code>/h5p/</code> und ist im Beispiel oben die '''63'''.


==Das schreibt man:==
==Das schreibt man:==
Zeile 11: Zeile 17:
z.B.
z.B.


{{h5p-zum|id=41}}
{{h5p-zum|id=2164}}
</nowiki>
</nowiki>


Zeile 18: Zeile 24:
Beispiel:
Beispiel:
<nowiki>
<nowiki>
{{h5p-zum|id=41|width=100%|height=400px}}
{{h5p-zum|id=2164|width=100%|height=400px}}
</nowiki>| Hervorhebung1}}
</nowiki>| Hervorhebung1}}
==Das sieht man:==
{{h5p-zum|id=2164}}


{{Approved template}}
{{Approved template}}
[[Kategorie:Vorlage:Interaktive_Übungen]]
[[Kategorie:Vorlage:Interaktive_Übungen]]
 
</noinclude>
==Das sieht man:==
{{h5p-zum|id=41}}</noinclude>


<includeonly>{{#widget:h5p-zum
<includeonly>{{#widget:h5p-zum

Aktuelle Version vom 9. April 2020, 11:49 Uhr

Mit dieser Vorlage lassen sich H5P Apps von ZUM-Apps einfügen. Um Apps der Seite https://h5p.org/ einzubinden, wird die Vorlage:H5p verwendet.

Dazu muss die ID der entsprechenden App als Parameter an die Vorlage übergeben werden. Am Fuße jeder App ist der Code zum Einbetten (embed) anklickbar. Er sieht in diesem Beispiel so aus:

<iframe src="https://apps.zum.de/h5p/63/embed" width="367" height="552" frameborder="0" allowfullscreen="allowfullscreen"></iframe><script src="https://apps.zum.de/modules/contrib/h5p/vendor/h5p/h5p-core/js/h5p-resizer.js" charset="UTF-8"></script>

Die gesuchte id steht in der URL der App hinter /h5p/ und ist im Beispiel oben die 63.

Das schreibt man:

Die Vorlage wird wie folgt verwendet:

{{h5p-zum|id=...}}

z.B.

{{h5p-zum|id=2164}}


Hinweis

Die Parameter width und height sind optional und müssen in % bzw. px angegeben werden.Wird nichts eingegeben, wird als Vorgabewert eine Breite von 100% und eine Höhe von 400px verwendet.

Beispiel:

{{h5p-zum|id=2164|width=100%|height=400px}}


Das sieht man:




Überprüfte Vorlage
Ein Admin hat diese Vorlage überprüft und entschieden, dass diese Vorlage benötigt wird.



Keine Beschreibung.

Vorlagenparameter

Diese Vorlage bevorzugt Inline-Formatierung von Parametern.

ParameterBeschreibungTypStatus
idid

keine Beschreibung

Unbekannterforderlich
widthwidth

keine Beschreibung

Unbekanntoptional
heightheight

keine Beschreibung

Unbekanntoptional