3.16.5 H5P einbinden

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 LOOP einbinden.

Hinweis

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, finden Sie weitere Informationen unter H5P Elemente.


Beispiel

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:

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

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