H5P-Elemente
Das Modul einbinden
Um das Modul nutzen zu können, muss die Einbindung des Moduls über den Meta-Tag features
erfolgen (siehe auch Abschnitt "Javascript"):
Das Modul verwenden
Für die Verwendung sind folgende Schritte zu erledigen:
- Eine
.h5p
Datei herunterladen, die Endung in.zip
abändern und entpacken. - Den entpackten Ordner nach Wunsch umbenennen (z.B.
kreuzworträtsel
) und in den entsprechenden content-Ordner zur Seite mit der gewünschten Einbindung kopieren. - In der Inhaltsdatei, an der gewünschten Stelle, den folgenden Tag setzen:
<div class="content-h5p" data-config='{"url": "kreuzworträtsel", "width": "400"}'></div>
Konfiguration vornehmen
data-config
- Übergabe der Konfiguration im JSON Format, Reihenfolge beliebig
-
url
Hier wird der Name des Ordners mit den Dateien zum H5P-Element übergeben. -
width
Damit wird die Breite des Elementes festgelegt (Standardwert: 400px).
Beispiel 1
<div class="content-h5p" data-config='{"url": "find-words"}'></div>
Beispiel 2
<div class="content-h5p" data-config='{"url": "crossword", "width": "500"}'></div>