Hyperbook Dokumenation

H5P

H5P ist ein freies und quelloffenes Content-Collaboration-Framework, das auf JavaScript basiert. H5P steht für HTML5 Package und hat zum Ziel, es jedem zu erleichtern, interaktive HTML5-Inhalte zu erstellen, zu teilen und wiederzuverwenden. H5P ist ein beliebtes Werkzeug zur Erstellung interaktiver Inhalte wie Quizze, Präsentationen und Spiele.

Sie können H5P-Inhalte in Ihr Buch einbetten, indem Sie das h5p-Element verwenden. Sie können H5P-Inhalte aus einer Datei laden.

Attribute

Attribut Beschreibung Standardwert
src Pfad zur H5P-Datei -
export Zeigt die Reuse-Schaltfläche zum Herunterladen der ursprünglichen H5P-Datei an false
download-url Alternativer Pfad oder URL für die heruntergeladene Datei Die ursprüngliche Datei aus src
::h5p{src="/test.h5p"}

Der beste Weg, H5P-Inhalte zu erstellen, ist die Nutzung der ZUM Apps Website. Sie können H5P-Inhalte auf der Website erstellen und bearbeiten und dann die Inhalte als H5P-Datei herunterladen. Dafür können Sie die Schaltfläche "Reuse" verwenden. Sie können die h5p-Datei dann in Ihren öffentlichen Ordner legen und sie in einem h5p-Element verwenden.

Beispiel mit Reuse-Button

Mit dem export-Attribut können Leserinnen und Leser die ursprüngliche .h5p-Datei herunterladen und wiederverwenden.

Verwende download-url, wenn das herunterladbare Paket unter einer anderen URL liegt.

::h5p{src="/reuse.h5p" export}
H5P

Teilbare URL erstellen

Abschnitte auswählen

✎ GitHub© Copyright 2026 by OpenPatch