Zwei Videos gleichzeitig im Online-Unterricht ansehen
Ja. Crispip installieren, im Kurs-Tab und im Tab mit dem Referenzvideo je einmal auf das Symbol in der Symbolleiste klicken — beide Videos laufen dann nebeneinander in einem schwebenden Fenster, jedes mit eigener Steuerung.
Warum im Online-Unterricht zwei Videos gleichzeitig gebraucht werden
Nicht jede Stunde braucht zwei Fenster, aber in den folgenden Fällen kostet das Hin- und Herschalten zwischen Tabs spürbar Zeit.
Aufgezeichnete Vorlesung neben einer praktischen Demo
Die Lehrperson erklärt einen Schritt und wechselt dann in die Software. Du willst mitmachen. Pausiere die Aufzeichnung an dieser Stelle und lass daneben ein Demo-Video laufen — bequemer, als erst Notizen zu machen und später zurückzuspulen, und du siehst sofort, welches Bild zu welchem Handgriff gehört.
Kurs neben Untertiteln oder einer übersetzten Fassung
Bei Sprachkursen und englischsprachigen Technikvorträgen liegen Hauptvideo und Untertitel oft als zwei Dateien vor. Beim Hin- und Herschalten gehen Sätze verloren; liegen beide Bilder nebeneinander, bleibt der Blick auf dem Bild.
Livestream neben vorab aufgezeichnetem Material
Der Stream läuft, und daneben hast du eine vorbereitete Aufzeichnung oder einen Ablauf zum Nachsehen. Ein Livestream lässt sich nicht zurückspulen, eine Aufzeichnung schon. Beides offen lassen und bei Unklarheiten direkt in der anderen Spur nachsehen.
Wo das eingebaute Bild-in-Bild von Chrome hier an Grenzen stößt
Das eingebaute Bild-in-Bild löst genau eine Sache: Das Video läuft weiter, während du den Tab wechselst. Zwei Videos gleichzeitig löst es nicht. Ein Bild-in-Bild-Fenster trägt genau ein video-Element: Öffnest du auf derselben Seite ein zweites, ersetzt es das erste; öffnest du es aus einem anderen Tab, entsteht ein weiteres schwebendes Fenster, das an derselben Stelle landet und das erste verdeckt.
Das eingebaute Bild-in-Bild hält ein Video pro Fenster; ein zweites ersetzt das erste oder legt sich darüber — nebeneinander geht nicht.
Vorbereitung
Prüfe zuerst diese vier Punkte, dann laufen die Schritte rund.
- Chrome 116 oder neuer. Crispip nutzt die Document Picture-in-Picture API; laut Chrome for Developers ist sie ab Chrome 116 verfügbar.
- Crispip installiert und in der Symbolleiste angeheftet — die Installation läuft über den Chrome Web Store. Die orange-rote Zahl am Symbol zeigt, wie viele Videos der aktuelle Tab enthält; ohne Zahl ist auf der Seite meist noch kein Video geladen.
- Beide Videos in eigenen Tabs geöffnet und je einmal gestartet. Das Video muss wirklich auf der Seite liegen, sonst findet die Erweiterung es nicht.
- Der kostenlose Tarif reicht: Er erlaubt bis zu 2 Videos gleichzeitig, und das Raster-Layout ist enthalten.
Schritte: beide Videos in ein Bild-in-Bild-Fenster bringen
Beim ersten Mal kommt ein Schritt dazu — das Fenster starten. Danach ist es immer dasselbe: Symbol klicken, Video hinzufügen.
- Kurs-Tab öffnen und das Video laden lassen → am Crispip-Symbol in der Symbolleiste erscheint eine orange-rote Zahl.
- Auf das Crispip-Symbol in der Symbolleiste klicken → ein neuer PiP-Tab geht auf und bittet um die Eingabetaste; dieser Tab wird automatisch ganz links angeheftet.
- In diesem Tab Enter drücken oder auf „PiP starten“ klicken → ein eigenes schwebendes Fenster erscheint. Der Browser verlangt für diesen Schritt einen echten Klick, die Erweiterung kann ihn nicht übernehmen.
- Prüfen, ob im Fenster ein Bild zu sehen ist → ja: das Kursvideo ist drin; nein: zurück zum Kurs-Tab und das Symbol erneut klicken.
- Einen neuen Tab mit dem Referenz- oder Untertitelvideo öffnen und abspielen → auch diese Seite hat jetzt ein Video, das Symbol zeigt wieder eine Zahl.
- In diesem Tab das Crispip-Symbol klicken → das zweite Video kommt ins selbe Fenster, beide stehen im Raster nebeneinander. Sind auf der Seite mehrere Videos, erscheint zuerst eine Auswahlliste.
- Das Fenster an der Titelleiste verschieben und an den Ecken in der Größe ziehen → auf eine Bildschirmhälfte legen, die andere bleibt für Notizen.
Getrennte Steuerung und Layout
Jedes Bild hat eine eigene Steuerleiste; ein Video zu pausieren lässt das andere weiterlaufen.
- Einzeln pausieren: Maus auf ein Bild, unten erscheint die Steuerleiste; die Play-Taste ganz links gilt nur für dieses Video.
- Einzeln spulen: Der Fortschrittsbalken unter der Leiste gehört zu genau diesem Video.
- Lautstärke einzeln: Lautsprecher-Symbol und Regler wirken nur auf dieses Video — was du nicht hören willst, schaltest du stumm.
- Geschwindigkeit: rechts auf ⋮ und zwischen 0.5x und 2.0x wählen, ebenfalls nur für dieses Video.
- Alles pausieren: Im Fenster die Leertaste drücken, dann halten alle Bilder an; noch einmal drücken setzt sie fort.
- Layout wechseln: Rechtsklick im Fenster, dann Layout → Raster. Der kostenlose Tarif nutzt das Raster; Rechts L, Links L, Beidseitig und der Kinomodus oben im Menü gehören zu PRO.
- Ein Video das Fenster füllen lassen: auf „Ausfüllen“ in der Steuerleiste klicken, erneut klicken beendet es.
- Screenshot und Aufnahme (PRO): Kamera- und Aufnahmetaste in der Steuerleiste halten das aktuelle Bild oder einen Ausschnitt fest.
Steht ein Bild still, geh zurück auf die Originalseite und starte dort die Wiedergabe — Browser verlangen eine echte Nutzeraktion, die Erweiterung kann sie nicht ersetzen.
Häufige Fragen
Höre ich beide Videos gleichzeitig?
Ja, jedes hat eigenen Ton. Das unerwünschte Video in seiner Steuerleiste stummschalten oder per Rechtsklick „Andere stummschalten“ wählen, dann bleibt nur eine Tonspur.
Erlauben Kursplattformen das?
Das hängt von den Regeln der jeweiligen Plattform ab — halte dich daran. Es bringt nur Videos, die du ohnehin abspielen kannst, in ein Fenster; Wiedergabegrenzen der Plattform hebt es nicht auf und ist nicht zum Aufzeichnen oder Weitergeben von Kursmaterial gedacht.
Reicht der kostenlose Tarif?
Ja. Er erlaubt bis zu 2 Videos gleichzeitig, genau das braucht dieses Setup, und Raster-Layout sowie getrennte Steuerung sind enthalten.
Nach der Installation unsicher, wo anfangen? Die Schnellstart-Anleitung hilft; Tarife und Preise stehen im Preisbereich.
Die technischen Angaben folgen der Picture-in-Picture-API-Dokumentation von MDN und der Document-Picture-in-Picture-Dokumentation von Chrome for Developers. Produktumfang, Gratis-Limit und Installationslink stammen aus dem Chrome-Web-Store-Eintrag; zur Datenverarbeitung siehe die Datenschutzerklärung.