Vorlage:H5p: Unterschied zwischen den Versionen
Aus ZUM Grundschullernportal
(Die Seite wurde neu angelegt: „<noinclude> Mit dieser Vorlage lassen sich H5P Quizze ([https://h5p.org https://h5p.org]) einfügen. Die Vorlage wird wie folgt verwendet: <nowiki> {{…“) Markierung: 2017-Quelltext-Bearbeitung |
(Code aufgeräumt) Markierung: 2017-Quelltext-Bearbeitung |
||
| Zeile 1: | Zeile 1: | ||
<noinclude> | <noinclude> | ||
Mit dieser Vorlage lassen sich H5P | Mit dieser Vorlage lassen sich H5P Apps von ([https://h5p.org https://h5p.org]) einfügen. Um Apps der Seite https://h5p.zum.de/ einzubinden, wird die [[Vorlage:H5p-zum]] 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:== | |||
Die Vorlage wird wie folgt verwendet: | Die Vorlage wird wie folgt verwendet: | ||
| Zeile 12: | Zeile 19: | ||
</nowiki> | </nowiki> | ||
{{Box|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: | |||
<nowiki> | |||
{{h5p-zum|id=2164|width=100%|height=400px}} | |||
</nowiki>| Hervorhebung1}} | |||
==Das sieht man:== | |||
{{h5p-zum|id=2164|width=100%|height=400px}} | |||
{{Approved template}} | |||
{{Approved template}}</noinclude><includeonly>{{#widget:h5p | [[Kategorie:Vorlage:Interaktive_Übungen]] | ||
</noinclude><includeonly>{{#widget:h5p | |||
|id={{{id}}} | |id={{{id}}} | ||
|width={{{width|100%}}} | |width={{{width|100%}}} | ||
|height={{{height|400px}}} | |height={{{height|400px}}} | ||
}}[[Kategorie:H5p]]</includeonly> | }}[[Kategorie:H5p]]</includeonly> | ||
Version vom 9. April 2020, 11:53 Uhr
Mit dieser Vorlage lassen sich H5P Apps von (https://h5p.org) einfügen. Um Apps der Seite https://h5p.zum.de/ einzubinden, wird die Vorlage:H5p-zum 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|id=...|width=...|height=...}}
z.B.
{{h5p|id=777|width=100%|height=232}}
Das sieht man:
