Servus! > Hallo zusammen, > ich bin kurz vor der Vollendung meiner Website, hab aber noch ein Problem wozu ich bisher keine Lösung finden konnte. > Auf der Hauptseite werden mehrere Live-Streams in verkleinerter Version als Vorschau gezeigt. Nun möchte ich mit einem Klick auf die Lievstream Vorschau, auf die Seite wechseln auf der man den Stream in voller Größe sehen kann. Die technische Lösung deiner Frage hat dir @klawischnigg gliefert. > Kann mir dazu jemand weiterhelfen? > > [](/images/46a88d06-8b8b-11ec-87bd-b42e9947ef30.png) Ich würde gerne einen anderen Lösungsansatz vorschlagen: Ich nutze meinen Browser beruflich und privat, habe immer etwa 8-12 Tabs offen. Ich komme auf deine Seite und sehe … >Live-Streams in verkleinerter Version als Vorschau Ich würde jetzt gerne einen Live-Stream in voller Größe sehen. Dazu klicke ich auf das Vorschau-Bild, das große Video öffnet sich auf ***Deiner*** Seite im gleichen Tab und beim Beenden bin ich wieder in der Vorschau zu den anderen Nistkästen im ***gleichen Tab***. Ich hatte letzte Woche keine Zeit, in deiner letzten Frage ([Platzhalter für den Videostream](https://forum.selfhtml.org/self/2022/feb/05/beim-aufruf-der-seite-fehlt-ein-platzhalter-fur-den-videostream/1795934#m1795934)) auf das `poster`als Vorschaubild hinzuweisen, das du wsl. schon kennst: * [HTML/Tutorials/Multimedia/video#Vorschaubild_mit_poster](https://wiki.selfhtml.org/wiki/HTML/Tutorials/Multimedia/video#Vorschaubild_mit_poster) Ich würde jetzt einfach dein Video aus dem Elementfluss nehmen und als Overlay über Deine Webseite legen, der Rest der Seite ist mit `::backdrop` ausgegraut. Bei Beenden des Streams würde dieses Overlay beendet. Hier ist ein Beispiel mit einem Bild: * [Fullscreen#Bild_mit_Lightbox-Effekt](https://wiki.selfhtml.org/wiki/JavaScript/Fullscreen#Bild_mit_Lightbox-Effekt) PS: Das Video muss nicht den Fullscreen einnehmen - du kannst es ja beliebig formatieren und in der Mitte zentrieren. Herzliche Grüße Matthias Scharwies -- Einfach mal was von der [ToDo-Liste](https://wiki.selfhtml.org/wiki/Kategorie:ToDo) auf die Was-Solls-Liste setzen.“

Servus! > Hallo zusammen, > ich bin kurz vor der Vollendung meiner Website, hab aber noch ein Problem wozu ich bisher keine Lösung finden konnte. > Auf der Hauptseite werden mehrere Live-Streams in verkleinerter Version als Vorschau gezeigt. Nun möchte ich mit einem Klick auf die Lievstream Vorschau, auf die Seite wechseln auf der man den Stream in voller Größe sehen kann. Die technische Lösung deiner Frage hat dir @klawischnigg gliefert. > Kann mir dazu jemand weiterhelfen? > > [](/images/46a88d06-8b8b-11ec-87bd-b42e9947ef30.png) Ich würde gerne einen anderen Lösungsansatz vorschlagen: Ich nutze meinen Browser beruflich und privat, habe immer etwa 8-12 Tabs offen. Ich komme auf deine Seite und sehe … >Live-Streams in verkleinerter Version als Vorschau Ich würde jetzt gerne einen Live-Stream in voller Größe sehen. Dazu klicke ich auf das Vorschau-Bild, das große Video öffnet sich auf ***Deiner*** Seite im gleichen Tab und beim Beenden bin ich wieder in der Vorschau zu den anderen Nistkästen im ***gleichen Tab***. Ich hatte letzte Woche keine Zeit, in Deiner letzten Frage ([Platzhalter für den Videostream](https://forum.selfhtml.org/self/2022/feb/05/beim-aufruf-der-seite-fehlt-ein-platzhalter-fur-den-videostream/1795934#m1795934)) auf das `poster`als Vorschaubild hinzuweisen, dass du wsl. schon kennst: * [HTML/Tutorials/Multimedia/video#Vorschaubild_mit_poster](https://wiki.selfhtml.org/wiki/HTML/Tutorials/Multimedia/video#Vorschaubild_mit_poster) Ich würde jetzt einfach dein Video aus dem Elementfluss nehmen und als Overlay über Deine Webseite legen, der Rest der Seite ist mit `::backdrop` ausgegraut. Bei Beenden des Streams würde dieses Overlay beendet. Hier ist ein Beispiel mit einem Bild: * [Fullscreen#Bild_mit_Lightbox-Effekt](https://wiki.selfhtml.org/wiki/JavaScript/Fullscreen#Bild_mit_Lightbox-Effekt) PS: Das Video muss nicht den Fullscreen einnehmen - du kannst es ja beliebig formatieren und in der Mitte zentrieren. Herzliche Grüße Matthias Scharwies -- Einfach mal was von der [ToDo-Liste](https://wiki.selfhtml.org/wiki/Kategorie:ToDo) auf die Was-Solls-Liste setzen.“

Servus! > Hallo zusammen, > ich bin kurz vor der Vollendung meiner Website, hab aber noch ein Problem wozu ich bisher keine Lösung finden konnte. > Auf der Hauptseite werden mehrere Live-Streams in verkleinerter Version als Vorschau gezeigt. Nun möchte ich mit einem Klick auf die Lievstream Vorschau, auf die Seite wechseln auf der man den Stream in voller Größe sehen kann. Die technische Lösung deiner Frage hat die @klawischnigg gliefert. > Kann mir dazu jemand weiterhelfen? > > [](/images/46a88d06-8b8b-11ec-87bd-b42e9947ef30.png) Ich würde gerne einen anderen Lösungsansatz vorschlagen: Ich nutze meinen Browser beruflich und privat, habe immer etwa 8-12 Tabs offen. Ich komme auf deine Seite und sehe … >Live-Streams in verkleinerter Version als Vorschau Ich würde jetzt gerne einen Live-Stream in voller Größe sehen. Dazu klicke ich auf das Vorschau-Bild, das große Video öffnet sich auf ***Deiner*** Seite im gleichen Tab und beim Beenden bin ich wieder in der Vorschau zu den anderen Nistkästen im ***gleichen Tab***. Ich hatte letzte Woche keine Zeit, in Deiner letzten Frage ([Platzhalter für den Videostream](https://forum.selfhtml.org/self/2022/feb/05/beim-aufruf-der-seite-fehlt-ein-platzhalter-fur-den-videostream/1795934#m1795934)) auf das `poster`als Vorschaubild hinzuweisen, dass du wsl. schon kennst: * [HTML/Tutorials/Multimedia/video#Vorschaubild_mit_poster](https://wiki.selfhtml.org/wiki/HTML/Tutorials/Multimedia/video#Vorschaubild_mit_poster) Ich würde jetzt einfach dein Video aus dem Elementfluss nehmen und als Overlay über Deine Webseite legen, der Rest der Seite ist mit `::backdrop` ausgegraut. Bei Beenden des Streams würde dieses Overlay beendet. Hier ist ein Beispiel mit einem Bild: * [Fullscreen#Bild_mit_Lightbox-Effekt](https://wiki.selfhtml.org/wiki/JavaScript/Fullscreen#Bild_mit_Lightbox-Effekt) PS: Das Video muss nicht den Fullscreen einnehmen - du kannst es ja beliebig formatieren und in der Mitte zentrieren. Herzliche Grüße Matthias Scharwies -- Einfach mal was von der [ToDo-Liste](https://wiki.selfhtml.org/wiki/Kategorie:ToDo) auf die Was-Solls-Liste setzen.“

Servus! > Hallo zusammen, > ich bin kurz vor der Vollendung meiner Website, hab aber noch ein Problem wozu ich bisher keine Lösung finden konnte. > Auf der Hauptseite werden mehrere Live-Streams in verkleinerter Version als Vorschau gezeigt. Nun möchte ich mit einem Klick auf die Lievstream Vorschau, auf die Seite wechseln auf der man den Stream in voller Größe sehen kann. Die Technische Lösung deiner Frage hat die @klawischnigg gliefert. > Kann mir dazu jemand weiterhelfen? > > [](/images/46a88d06-8b8b-11ec-87bd-b42e9947ef30.png) Ich würde gerne einen anderen Lösungsansatz vorschlagen: Ich nutze meinen Browser beruflich und privat, habe immer etwa 8-12 Tabs offen. Ich komme auf deine Seite und sehe … >Live-Streams in verkleinerter Version als Vorschau Ich würde jetzt gerne einen Live-Stream in voller Größe sehen. Dazu klicke ich auf das Vorschau-Bild, das große Video öffnet sich auf ***Deiner*** Seite im gleichen Tab und beim Beenden bin ich wieder in der Vorschau zu den anderen Nistkästen im gleichen Tab. Ich hatte letzte Woche keine Zeit, in Deiner letzten Frage ([Platzhalter für den Videostream](https://forum.selfhtml.org/self/2022/feb/05/beim-aufruf-der-seite-fehlt-ein-platzhalter-fur-den-videostream/1795934#m1795934)) auf das `poster`als Vorschaubild hinzuweisen, dass du wsl. schon kennst: * [HTML/Tutorials/Multimedia/video#Vorschaubild_mit_poster](https://wiki.selfhtml.org/wiki/HTML/Tutorials/Multimedia/video#Vorschaubild_mit_poster) Ich würde jetzt einfach dein Video aus dem Elementfluss nehmen und als Overlay über Deine Webseite legen, der Rest der Seite ist mit `::backdrop` ausgegraut. Bei Beenden des Streams würde dieses Overlay beendet. Hier ist ein Beispiel mit einem Bild: * [Fullscreen#Bild_mit_Lightbox-Effekt](https://wiki.selfhtml.org/wiki/JavaScript/Fullscreen#Bild_mit_Lightbox-Effekt) PS: Das Video muss nicht den Fullscreen einnehmen - du kannst es ja mit 50vh und 50vw in der Mitte zentrieren. Herzliche Grüße Matthias Scharwies -- Einfach mal was von der [ToDo-Liste](https://wiki.selfhtml.org/wiki/Kategorie:ToDo) auf die Was-Solls-Liste setzen.“