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 (! nicht mehr verwenden)
<H5P id="617" width="100%" />
oder bei Einbindung über content.oncampus.de
<H5P id="617" host="content" width="100%" />
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 |
Learning Object Online Platform
Es handelt sich hierbei um das Tutorial für LOOP1. Die Dokumentation für LOOP 2 wird gegenwärtig entwickelt: https://loop.eduloop.de. Viele Funktionen lassen sich ähnlich auch in LOOP2 verwenden.