Hilfe:H5P: Unterschied zwischen den Versionen
Aus ZUM Deutsch Lernen
KKeine Bearbeitungszusammenfassung Markierung: 2017-Quelltext-Bearbeitung |
K (→H5P einbinden) Markierung: 2017-Quelltext-Bearbeitung |
||
| Zeile 1: | Zeile 1: | ||
==H5P einbinden== | ==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. | '''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 [https://h5p.org/ '''H5P.org'''] und natürlich '''[https://apps.zum.de ZUM-Apps]''' eingebunden werden. | ||
== So werden Inhalte von '''[https://apps.zum.de ZUM-Apps]''' eingebunden: == | |||
<pre>{{H5p-zum|id=63|height=200}}</pre> | |||
* 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: | |||
:<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 und ist '''63'''. | |||
{{H5p-zum|id=63|height=200}} | |||
<div class="grid"> | |||
<div class="width-1-2"> | |||
<pre>{{H5p-zum|id=11|height=232}}</pre> | |||
</div> | |||
<div class="width-1-2"> | |||
{{H5p-zum|id=11|height=232}} | |||
</div> | |||
</div> | |||
<div class="grid"> | |||
<div class="width-1-2"> | |||
<pre>{{H5p-zum|id= | |||
46|height=232}}</pre> | |||
</div> | |||
<div class="width-1-2"> | |||
{{H5p-zum|id= | |||
46|height=232}} | |||
</div> | |||
</div> | |||
==So werden Inhalte von [https://h5p.org/ '''H5P.org'''] eingebunden: == | |||
'''Wortschatz zum Thema Haus: Schaubild''' | |||
<div class="grid"> | |||
<div class="width-1-2"> | |||
<pre>{{H5p|id=298571|height=150}}</pre> | |||
</div> | |||
<div class="width-1-2"> | |||
{{H5p|id=298571|height=150}} | |||
</div> | |||
</div> | |||
Version vom 11. September 2020, 08:34 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=63|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/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 und ist 63.
{{H5p-zum|id=11|height=232}}
{{H5p-zum|id=
46|height=232}}
So werden Inhalte von H5P.org eingebunden:
Wortschatz zum Thema Haus: Schaubild
{{H5p|id=298571|height=150}}
