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 content.oncampus.de liegen! Wenn Sie einen anderen Host für Ihre H5P-Elemente benutzen, muss dieser von Administratoren in LOOP eingestellt werden.
<h5p id="617"/>
oder
<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://content.oncampus.de/mod/hvp/embed.php?id=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 |
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