Hilfe:H5P: Unterschied zwischen den Versionen
Aus ZUM Deutsch Lernen
Markierung: 2017-Quelltext-Bearbeitung |
KKeine Bearbeitungszusammenfassung Markierung: 2017-Quelltext-Bearbeitung |
||
| Zeile 3: | Zeile 3: | ||
== So werden Inhalte von '''[https://apps.zum.de ZUM-Apps]''' eingebunden: == | == So werden Inhalte von '''[https://apps.zum.de ZUM-Apps]''' eingebunden: == | ||
<div class="grid"> | |||
<div class="width-1-2"> | |||
<pre>{{H5p-zum|id=498|height=200}}</pre> | <pre>{{H5p-zum|id=498|height=200}}</pre> | ||
| Zeile 10: | Zeile 11: | ||
:<pre><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></pre> | :<pre><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></pre> | ||
:Die gesuchte '''id''' steht in der URL der App und ist '''498'''. | :Die gesuchte '''id''' steht in der URL der App und ist '''498'''. | ||
</div> | |||
<div class="width-1-2"> | |||
{{H5p-zum|id=498|height=200}} | {{H5p-zum|id=498|height=200}} | ||
</div> | |||
</div> | |||
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=400}}</pre> | <pre>{{H5p-zum|id=498|height=400}}</pre> | ||
{{H5p-zum|id=498|height=400}} | {{H5p-zum|id=498|height=400}} | ||
{{H5p-zum|id=498}} | |||
==So werden Inhalte von [https://h5p.org/ '''H5P.org'''] eingebunden: == | ==So werden Inhalte von [https://h5p.org/ '''H5P.org'''] eingebunden: == | ||
Version vom 11. September 2020, 08:43 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=400}}
So werden Inhalte von H5P.org eingebunden:
Wortschatz zum Thema Haus: Schaubild
{{H5p|id=298571|height=150}}
