Hilfe:H5P: Unterschied zwischen den Versionen

Aus ZUM Deutsch Lernen
Markierung: 2017-Quelltext-Bearbeitung
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: ==
<pre>{{H5p-zum|id=63|height=200}}</pre>
 
<pre>{{H5p-zum|id=498|height=200}}</pre>


* Wie finde ich die '''id''' der einzubettenden App?
* 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:
* 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>
:<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 '''63'''.
:Die gesuchte '''id''' steht in der URL der App und ist '''498'''.


{{H5p-zum|id=63|height=200}}
{{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>
</div>
</div>

Version vom 11. September 2020, 08:38 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.

So werden Inhalte von H5P.org eingebunden:

Wortschatz zum Thema Haus: Schaubild

{{H5p|id=298571|height=150}}


Info

H5P Anwendungsbeispiele für DaF/DaZ findest du auf der Seite H5P. Eine Mikrofortbildung zu diesem Thema entwickelt sich gerade hier: