Zurück zum Menü

HTML5 Video Beispiel

Native HTML5 Video-Element mit Untertiteln und Kapitelnavigation.

In diesem Beispiel werden die Kapitel aus einem VTT-File geladen, das als Track zum Video-Element hinzugefügt wird. Es wäre aber genauso gut möglich, die Kapitel aus der KenCube-Datenbank zu lesen.

Zusätzlich wird in diesem Beispiel auch das aktuelle Kapitel in Echtzeit markiert.

Video mit Untertiteln

Kapitelnavigation

Kapitel werden geladen...

Über HTML5 Video

Das HTML5 Video-Element ist die native Lösung für die Videowiedergabe im Browser. Es benötigt keine externen Bibliotheken und wird von allen modernen Browsern unterstützt.

Funktionen

  • Native Browser-Unterstützung ohne zusätzliche Bibliotheken
  • Untertitel in mehreren Sprachen (VTT-Format)
  • Kapitelnavigation mit JavaScript
  • Mehrere Video-Formate (MP4, WebM)
  • Vollständige Kontrolle über die Wiedergabe

Verwendete Technologien

  • HTML5 Video-Element
  • WebVTT für Untertitel und Kapitel
  • Vanilla JavaScript für Kapitelnavigation
  • Tailwind CSS für das Styling