H5P ist ein Open-Source Content Collaboration Framework basierend auf JavaScript. H5P ist eine Abkürzung für HTML5-Paket und zielt darauf ab, es jedem leicht zu machen, interaktive HTML5-Inhalte zu erstellen, zu teilen und wiederzuverwenden.
Mit der Tag-Extension H5P können Sie Ihr H5P-Element in LOOP einbinden.
Die Verwendung dieses H5P-Tags funktioniert nur mit H5P-Elementen, die auf https://h5p.org oder auf content.oncampus.de liegen! Bei Elementen, die auf content.oncampus.de liegen ist zusätzlich die Angabe host="content" erforderlich.
Bei Einbindung über h5p.org (Bitte im ILD nicht mehr verwenden!)
<h5p id="617"/>
oder bei Einbindung über content.oncampus.de
<h5p id="661"/>
Das Ergebnis auf der Seite sieht dann wie folgt aus:
Gehen Sie dazu auf "Embed" unterhalb Ihres H5P-Elements. Sie bekommen einen Embed-Link zu sehen, der beispielsweise wie folgt aussieht:
<iframe src="https://h5p.org/h5p/embed/617" width="1090" height="674" frameborder="0" allowfullscreen="allowfullscreen"></iframe>
Die H5P-Id ist in diesem Fall die Zahl 617 (fett markiert).
| Parameter | Standard | Beschreibung | Notwendig |
|---|---|---|---|
| id | H5P Embed-Id | erforderlich | |
| width | 700 | Breite des H5P-Elements in Pixel | optional |
| height | 450 | Höhe des H5P-Elements in Pixel | optional |
| host | h5p | Für von content.oncampus.de gehostete Elemente host="oncampus" | optional |
Das H5P-Element passt sich standardmäßig auf die Breite von 700px und die entsprechende Höhe an. Wenn das Element kleiner sein soll, kann man die Breite entsprechend setzen, die Höhe passt sich dann entsprechend mit an.
Learning Object Online Platform