Moin,
das Problem tritt oft auf, wenn Videos über einen eingebetteten Player wie YouTube oder Vimeo eingebunden werden. Das liegt daran, dass die Aktionen des Videoplayers (z. B. Play, Pause, Spulen) die History des Browsers beeinflussen. Wenn du den "Zurück"-Button im Browser klickst, wird dann zunächst nur die letzte Aktion im Player rückgängig gemacht.
Um sicherzustellen, dass der Browser beim Klick auf "Zurück" zur vorherigen Seite (in deinem Fall die Startseite) geht, kannst du Folgendes ausprobieren:
Verwende den "Allow=fullscreen"-Parameter im iframe: Wenn du YouTube- oder Vimeo-Videos per iframe einbindest, achte darauf, dass
allow="fullscreen"
im iframe-Tag enthalten ist. Dies kann helfen, einige Konflikte mit der Browser-History zu vermeiden.
Setze den Videoplayer in eine eigene Seite: Alternativ kannst du das Video auf eine eigene Unterseite verlinken, anstatt es direkt auf der Seite zu haben. So hat das Video keine Auswirkungen auf die Browser-History der Hauptseite.
Verwende JavaScript: Falls du technisch etwas tiefer gehen möchtest, kannst du mit JavaScript die Browser-History manuell steuern. Mit
history.pushState()
kannst du dafür sorgen, dass ein Klick auf "Zurück" nicht das Video beeinflusst, sondern wirklich zur letzten Seite zurückführt.
Das Skript verhindert, dass der Browser das Video in der History speichert, und führt den Nutzer stattdessen auf die vorherige Seite zurück.
window.history.pushState(null, null, window.location.href); window.onpopstate = function() { window.history.go(-2); // Springt zwei Seiten zurück };