H5P

Was ist H5P?

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.

H5P einbinden

Mit der Tag-Extension H5P können Sie Ihr H5P-Element in LOOPLearning Object Online Platform einbinden.

Hinweis
Die Verwendung dieses H5P-Tags funktioniert nur mit H5P-Elementen, die auf https://h5p.org oder bei oncampus* liegen!
* nur unter Angabe des Parameters host="oncampus"


Beispiel
<H5P id="617" width="700" />

Das Ergebnis auf der Seite sieht dann wie folgt aus:

H5P ID ermitteln

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

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