Hilfe:H5P: Unterschied zwischen den Versionen
Aus ZUM Deutsch Lernen
Markierung: 2017-Quelltext-Bearbeitung |
KKeine Bearbeitungszusammenfassung Markierung: 2017-Quelltext-Bearbeitung |
||
Zeile 18: | Zeile 18: | ||
Der Parameter ''height'' ist optional und kann verändert werden: | Der Parameter ''height'' ist optional und kann verändert werden: | ||
<pre>{{H5p-zum|id=498|height= | <pre>{{H5p-zum|id=498|height=550}}</pre> | ||
{{H5p-zum|id=498|height= | {{H5p-zum|id=498|height=550}} | ||
Wird | Wird kein Parameter "height" eingegeben, wird als Vorgabewert eine Breite von 100% und eine Höhe von 400px verwendet. | ||
<pre>{{H5p-zum|id=498}}</pre> | <pre>{{H5p-zum|id=498}}</pre> | ||
{{H5p-zum|id=498}} | {{H5p-zum|id=498}} |
Version vom 11. September 2020, 08:52 Uhr
H5P einbinden
H5P sind interaktive Übungen, die auf unterschiedlichen Websites kostenlos oder kostenpflichtig erstellt werden können. In den Wikis auf ZUM.de können die erstellten H5P-Apps der Seiten H5P.org und natürlich ZUM-Apps eingebunden werden.
So werden Inhalte von ZUM-Apps eingebunden:
{{H5p-zum|id=498|height=200}}
- Wie finde ich die id der einzubettenden App?
- 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/498/embed" width="447" height="312" 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 und ist 498.
Der Parameter height ist optional und kann verändert werden:
{{H5p-zum|id=498|height=550}}
Wird kein Parameter "height" eingegeben, wird als Vorgabewert eine Breite von 100% und eine Höhe von 400px verwendet.
{{H5p-zum|id=498}}
So werden Inhalte von H5P.org eingebunden:
Wortschatz zum Thema Haus: Schaubild
{{H5p|id=298571|height=450}}