H5P-Inhalte erstellen

H5P (HTML5 Package) ist ein offener Standard für interaktive Lerninhalte direkt im Browser. Damit baust du Inhalte, die deutlich mehr Interaktion bieten als klassische Multiple-Choice-Quizze — von Interactive Videos über Memory-Spiele bis zu virtuellen 360°-Touren.

Welche H5P-Typen verfügbar sind

Typ	Beschreibung	Ideal für
Interactive Video	Videos mit eingebetteten Quiz-Fragen, Hotspots, Links	Tutorials mit Verständnis-Checks
Course Presentation	Folienbasierte Präsentation mit Interaktionen	Strukturierte Wissensvermittlung
Quiz (Question Set)	Mehrere Fragetypen kombiniert in einem Quiz	Lerneinheits-Abschluss-Test
Drag and Drop	Elemente per Drag-and-Drop zuordnen	Klassifikation, Anatomie, Diagramme
Fill in the Blanks	Lückentexte	Vokabeln, Fachbegriffe
Memory Game	Memory mit Kartenpaaren	Begriffspaare, Synonym-Übungen
Image Hotspots	Bilder mit anklickbaren Punkten	Schaubilder, Diagramme erklären
Timeline	Interaktive Zeitstrahle	Geschichts- oder Prozess-Darstellungen
Branching Scenario	Verzweigte Szenarien mit Entscheidungen	Rollenspiele, Fallstudien, Soft-Skills
Virtual Tour (360°)	360-Grad-Rundgänge	Räume, Maschinen, Standorte zeigen
Accordion	Aufklappbare Info-Blöcke	FAQ, gegliederte Übersichten
Dialog Cards	Lernkarten mit Vorder- und Rückseite	Vokabeln, Fragen mit Auflösungen

Wenn dir ein Typ fehlt, den der H5P-Hub anbietet: deine Plattform-Verantwortliche kann ihn nachinstallieren.

Einen H5P-Inhalt erstellen

1. In deinem Kurs eine neue Lektion anlegen.
2. Lektionstyp H5P wählen.
3. Im H5P-Editor den Content-Typ wählen (Liste der verfügbaren Typen).
4. Inhalt im visuellen Editor gestalten — alle Felder sind Klick-und-Eingabe, kein Code.
5. Speichern — die Lektion ist sofort verfügbar.

📸 Screenshot folgt

H5P-Editor mit Auswahl der Content-Typen

Beispiel: Interactive Video

Eine der mächtigsten H5P-Typen — passt für jede Art von Erklär-Video, das du mit Verständnis-Checks anreichern willst.

1. Lektion vom Typ H5P → Content-Typ Interactive Video wählen.
2. Video-Quelle wählen:
3. URL (YouTube, Vimeo)
4. Datei aus der Medienbibliothek hochladen
5. Interaktionen an gewünschten Stellen einfügen:
6. Bei einer bestimmten Sekunde Multiple-Choice-Frage einblenden
7. Hotspot zu einem externen Link
8. Text-Einblendung mit ergänzender Information
9. Bild-Einblendung
10. Zusammenfassungs-Quiz am Ende
11. Optionen wählen:
12. Pausiert das Video automatisch bei einer Interaktion?
13. Können Lernende Interaktionen überspringen?
14. Wird ein Gesamt-Score angezeigt?
15. Vorschau, Anpassen, Speichern.

📸 Screenshot folgt

Interactive-Video-Editor mit Zeitleiste und Interaktions-Markern

Beispiel: Branching Scenario

Geeignet für Soft-Skills-Trainings, Rollenspiele, Fallstudien — Lernende treffen Entscheidungen, die zu unterschiedlichen Pfaden im Inhalt führen.

1. Lektion vom Typ H5P → Content-Typ Branching Scenario wählen.
2. Startsequenz definieren — z. B. ein Video oder Text, das die Ausgangssituation beschreibt.
3. Entscheidungspunkte einfügen — Frage stellen, mehrere Antwort-Optionen anbieten.
4. Pro Antwort einen Folge-Inhalt verknüpfen — neuer Text, neues Video, neuer Entscheidungspunkt.
5. Endpunkte definieren — z. B. mit Feedback oder Lerneffekt-Reflexion.
6. Vorschau, Anpassen, Speichern.

Tipps aus der Praxis

• Editor in einem separaten Browser-Tab — er kann beim ersten Aufruf einen Moment laden.
• H5P-Inhalte zwischen Kursen kopieren — H5P bietet ein eigenes „Kopieren"-Feature im Editor (Symbol in der Toolbar), praktisch für ähnliche Lektionen.
• Export als .h5p-Datei möglich — gut zum Sichern oder zum Übertragen zwischen Plattformen.
• Bei großen Inhalten (Interactive Video mit vielen Einblendungen, Course Presentation mit vielen Folien) dauert das Speichern länger — auf die Bestätigungsmeldung warten, nicht zwischendurch wegklicken.
• Mobile testen — viele H5P-Typen sehen auf Tablet/Handy anders aus als am Desktop. Im Vorschau-Modus prüfen.

Was Lernende mitbekommen

Sobald die Lektion gespeichert ist, sehen Lernende den H5P-Inhalt in der gleichen Stelle wie Quiz oder Video. Beim Bearbeiten:

• Fortschritt wird automatisch gespeichert — Lernende können den Inhalt zwischendurch verlassen und später da fortsetzen, wo sie aufgehört haben.
• Ergebnisse fließen in die Kursbewertung — Quiz-Score, Drag-and-Drop-Korrektheit etc. tragen zum Kursabschluss bei.

Häufige Fragen

Mein H5P-Inhalt lässt sich nicht abspielen — die Seite bleibt leer. Das deutet meist darauf hin, dass die Anbindung zum H5P-Server gerade nicht funktioniert. Lade die Seite neu. Hilft das nicht, wende dich an die Plattform-Verantwortliche — sie kann den H5P-Server-Status prüfen.

Mein Interactive Video lädt nicht das richtige Video. Bei externen URLs (YouTube, Vimeo) prüfen, ob das Video noch öffentlich ist und nicht eingeschränkt (z. B. nur in bestimmten Ländern). Bei Datei-Upload aus der Medienbibliothek: das Video direkt in der Bibliothek antesten.

Lernende sagen, sie kommen im Branching Scenario nicht weiter. Vorschau-Modus selbst durchgehen, alle Pfade testen. Häufige Stolperer: ein Endpunkt wurde vergessen, ein Pfad führt zu einem leeren Inhalt, eine Antwort verzweigt nicht.

Kann ich einen H5P-Inhalt aus einer anderen Plattform übernehmen? Wenn er als .h5p-Datei vorliegt: ja, im H5P-Editor unter Hochladen importieren. Direkter Import aus dem H5P.org-Hub: derzeit nicht im UI vorgesehen, aber Inhalte von dort kannst du als .h5p herunterladen und dann hochladen.

Wie schwer ist H5P im Vergleich zu klassischen Quiz? Für einfache Quiz-Typen (Multiple Choice, Lückentext) sind die nativen Lektionstypen schneller. H5P lohnt sich, wenn du wirklich interaktive Sachen willst (Hotspots im Video, verzweigte Szenarien, virtuelle Touren). Plane für deinen ersten H5P-Inhalt etwas Einarbeitung ein — danach geht es flotter.