> For the complete documentation index, see [llms.txt](https://one-loop.gitbook.io/help/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://one-loop.gitbook.io/help/plattform/one-loop-plattform/websites-und-leadgewinnung/websites-und-funnels/gehostete-videos-auf-webseiten-und-funnels-einsetzen.md). # Gehostete Videos auf Webseiten und Funnels einsetzen Video aus der Mediathek in eine Website oder einen Funnel einfügen, den Player verständlich einstellen und den Fortschritt bei Bedarf zuverlässig für eine Automatisierung verwenden. ## Kurz erklärt Mit einem gehosteten Video lädst du eine Videodatei in deine Mediathek hoch und spielst sie direkt in einer Website oder einem Funnel ab. Das ist sinnvoll, wenn das Video, die Darstellung und die Wiedergaberegeln an einer Stelle gepflegt werden sollen. Der Ablauf besteht aus fünf klaren Schritten: Datei hochladen, Verarbeitung abwarten, das Video im Seitenelement auswählen, die Wiedergabe einstellen und die veröffentlichte Seite testen. Wenn du den angesehenen Anteil später in einer Automatisierung verwenden möchtest, kommen zusätzlich eine Kontaktzuordnung und ein Auslöser für den Video-Fortschritt hinzu. ## Wann diese Funktion passt Nutze ein gehostetes Video, wenn du zum Beispiel ein Einführungsvideo, eine Anleitung oder eine Erklärung direkt auf einer Seite anbieten möchtest. Du kannst damit entscheiden, ob Personen das Video anhalten, die Geschwindigkeit ändern, den Rest der Laufzeit sehen oder in den Vollbildmodus wechseln dürfen. Für ein normales Informationsvideo ist eine einfache Bedienung meist sinnvoll. Für eine Auswertung des Fortschritts gelten andere Regeln: Dann sollte die Fortschrittsleiste ausgeschaltet bleiben, damit nicht durch Vorspringen ein falscher Fortschritt erfasst wird. ## Voraussetzungen Bevor du startest, prüfe: 1. Du kannst die gewünschte Website oder den Funnel im Editor öffnen. 2. Die Videodatei liegt in einem gängigen Videoformat vor und ist kleiner als 4 GB. 3. Du hast Zeit, die Verarbeitung nach dem Upload abzuwarten und die fertige Seite auf Computer und Smartphone zu testen. 4. Für eine Fortschrittsautomatisierung gibt es zusätzlich einen eingerichteten Workflow und die betrachtete Person ist als Kontakt vorhanden oder kann vorher über ein Formular erfasst werden. Wichtig: Eine frisch hochgeladene Datei ist noch nicht automatisch für die Fortschrittsauswertung bereit. Erst nach der Verarbeitung kann sie dafür verwendet werden und mehrere Qualitätsstufen bereitstellen. ## Video hochladen und einfügen 1. Öffne die Website oder den Funnel im Editor. 2. Öffne **Elemente** und füge ein **Video** an der gewünschten Stelle ein. 3. Klicke das Videoelement an und öffne links die **Video-Einstellungen**. 4. Wähle im Bereich **Videotyp** die Option **Gehostetes Video**. 5. Klicke auf **Video auswählen**. 6. Wähle in der Mediathek eine vorhandene Datei aus oder klicke auf **Datei hochladen**. 7. Wähle nach dem Upload die Datei aus, damit sie verarbeitet wird. 8. Warte, bis das Video verfügbar ist, speichere die Seite und öffne die veröffentlichte Ansicht. Die Mediathek zeigt eine neu hochgeladene Datei zunächst als noch nicht verarbeitete Datei. Die Verarbeitung wird gestartet, indem du die Datei auswählst. Danach steht das Video für das Seitenelement zur Verfügung. Im Element kannst du ein ausgewähltes Video später über **Video ändern** ersetzen oder über **Entfernen** aus dem Element lösen. ### Verarbeitung sicher prüfen Ein verarbeitbares Video ist die Grundlage für eine zuverlässige Wiedergabe und für die Fortschrittsauswertung. * Warte nach dem Start der Verarbeitung einige Minuten und lade bei Bedarf den Editor oder die Mediathek neu. * Wird eine Datei trotz angezeigter Verarbeitung nicht zur Auswahl angeboten, wähle sie in der Mediathek erneut aus. Dadurch kann die Verarbeitung nochmals angestoßen werden. * Prüfe Format und Dateigröße, wenn die Datei weiterhin nicht verfügbar ist. * Teste nach dem Einfügen immer die veröffentlichte Seite. Ein Video kann im Editor sichtbar sein, obwohl die Verarbeitung im Hintergrund noch nicht abgeschlossen ist. ## Wiedergabe für Besucher einstellen Die Einstellungen befinden sich im Videoelement unter **Wiedergabesteuerung**. Schalte nur die Optionen ein, die zum Zweck des Videos passen. | Einstellung | Was sie für Personen auf der Seite bedeutet | Wann sie sinnvoll ist | | -------------------------------------- | --------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------- | | **Automatisch starten** | Das Video versucht beim Öffnen der Seite zu starten. Browser starten solche Videos in der Regel zunächst stumm. | Nur verwenden, wenn ein stummer Start zur Seite passt. Immer auf Mobilgeräten testen. | | **Start/Pause erlauben** | Personen sehen die Schaltfläche zum Starten und Anhalten. | Für fast alle Erklär- und Informationsvideos empfehlenswert. | | **Wiedergabegeschwindigkeit erlauben** | Personen können die Geschwindigkeit wählen. Sichtbar sind je nach Player die Stufen 0,5×, 1×, 1,5× und 2×. | Hilfreich bei längeren Anleitungen; bei einem eng getakteten Video bewusst abwägen. | | **Verbleibende Zeit zeigen** | Der Player zeigt, wie viel Laufzeit noch übrig ist. | Gut, wenn Personen wissen sollen, wie lange das Video noch dauert. | | **Vollbild erlauben** | Personen können das Video groß anzeigen. | Sinnvoll bei Details, Bildschirmaufnahmen oder kleinen Beschriftungen. | | **Fortschrittsleiste zeigen** | Personen können im Video vor- und zurückspringen. | Für normale Videos bequem. Für eine Fortschrittsautomatisierung ausschalten. | Der Player kann nach erfolgter Verarbeitung außerdem verschiedene Qualitätsstufen anbieten. Verlass dich trotzdem nicht auf eine bestimmte Stufe als Voraussetzung für den Inhalt: Die tatsächliche Auswahl hängt von Video und Wiedergabeumgebung ab. ### Zwei sinnvolle Einstellungen **Erklärvideo ohne Auswertung:** Erlaube Start/Pause, Geschwindigkeit, Vollbild und Fortschrittsleiste. Das macht die Anleitung für die Person angenehm nutzbar. **Video mit Fortschrittsautomatisierung:** Lass Start/Pause und Vollbild nur zu, wenn sie zum Ablauf passen. Schalte die Fortschrittsleiste aus. Sonst kann jemand an eine spätere Stelle springen; der gespeicherte Prozentwert zeigt dann nicht zuverlässig, wie viel des Videos tatsächlich angesehen wurde. ## Video-Fortschritt in einer Automatisierung nutzen Der Auslöser **Video-Fortschritt** startet einen Workflow, wenn ein Kontakt einen festgelegten Anteil eines passenden Videos erreicht. ### Was vorher erfüllt sein muss 1. Das Video ist hochgeladen und verarbeitet. 2. Es ist in einem Funnel eingebettet. 3. Die betrachtete Person ist bereits als Kontakt vorhanden. 4. Für eine genaue Messung ist die Fortschrittsleiste im Videoelement ausgeschaltet. Ohne Kontakt kann der Fortschritt nicht sinnvoll einer Person zugeordnet werden. Wenn Menschen die Videoseite direkt über eine Adresse aufrufen können, aktiviere bei Bedarf die Umleitung für nicht erfasste Besucher. Wähle dort einen konkreten Schritt oder eine Seite mit Formular aus. Nach dem Formular kann die Person zum Video zurückgeführt werden. Wähle wirklich ein Ziel aus: Ohne ausgewählte Seite funktioniert diese Umleitung nicht. Sie kann außerdem scheitern, wenn die Person keine Cookies im Browser zulässt. ### Auslöser einrichten 1. Öffne den gewünschten Workflow. 2. Füge einen neuen Auslöser hinzu und suche nach **Video-Fortschritt**. 3. Vergib einen verständlichen Namen, zum Beispiel „Einführungsvideo zu 75 % angesehen“. 4. Lege die Filter fest. 5. Ergänze danach nur die Folgeaktionen, die nach diesem Fortschritt wirklich sinnvoll sind. 6. Speichere und veröffentliche den Workflow. 7. Teste den Ablauf mit einem bekannten Kontakt. Die drei sichtbaren Filter sind: | Filter | Bedeutung | Empfehlung | | ------------------ | --------------------------------------------------------------- | ---------------------------------------------------------------------- | | **Funnel** | Beschränkt das Ereignis auf einen bestimmten Funnel. | Setze ihn, wenn mehrere Funnels Videos enthalten. | | **Video** | Legt fest, für welches Video der Workflow gilt. | Setze ihn immer, wenn du nicht jede Videowiedergabe erfassen möchtest. | | **Videodauer (%)** | Legt den Prozentwert fest, bei dem der Workflow reagieren soll. | Nutze einen klaren Wert wie 25 %, 50 %, 75 % oder 100 %. | Die Filter sind laut Quelle nicht zwingend. Für einen nachvollziehbaren Workflow solltest du aber mindestens das konkrete Video und den gewünschten Prozentwert festlegen. Mit dem zusätzlichen Funnel-Filter verhinderst du, dass ein ähnlich verwendetes Video an anderer Stelle denselben Ablauf startet. ### Prozentwert und Wiederholung richtig wählen Bei einer Bedingung **gleich** muss genau der festgelegte Prozentwert erreicht werden. Wenn die Automatisierung bereits ab einem Mindestwert starten soll, verwende die Bedingung **größer oder gleich**. Lässt du den Prozentwert leer, kann der Auslöser beim Schließen oder vollständigen Beenden des Videos reagieren. Das ist für eine klare Aussage wie „mindestens drei Viertel angesehen“ ungeeignet. Prüfe auch die Einstellung für erneute Eintritte in den Workflow. Wenn ein Kontakt die Seite später erneut besucht und die Filter wieder erfüllt, kann der Workflow bei erlaubtem Wiedereintritt nochmals starten. Das ist sinnvoll für wiederholte Hinweise, aber ungeeignet für eine Aufgabe, die nur einmal entstehen darf. ## Ergebnis prüfen Teste nicht nur die Einstellungen im Editor, sondern den gesamten Ablauf: 1. Öffne die veröffentlichte Seite in einem privaten Browserfenster. 2. Sorge dafür, dass dein Test als Kontakt erkannt wird oder durch das vorgeschaltete Formular erfasst wird. 3. Starte das Video und sieh mindestens bis zum eingestellten Prozentwert. 4. Schließe das Video oder beende es wie im geplanten Nutzungsszenario. 5. Prüfe im Workflow, ob der Auslöser mit dem richtigen Video, Funnel und Prozentwert gestartet ist. 6. Wiederhole den Test auf einem Smartphone. 7. Ändere anschließend nur eine Einstellung auf einmal und teste erneut. ## Grenzen und typische Fehler ### Das Video ist nicht auswählbar Warte nach dem Upload, lade Editor und Mediathek neu und wähle die Datei erneut aus. Prüfe danach das Dateiformat und die Größe. Verwende das Video erst nach abgeschlossener Verarbeitung. ### Der Workflow startet nicht Prüfe zuerst, ob das Video verarbeitet ist, im richtigen Funnel eingebettet wurde und der Testkontakt tatsächlich als Kontakt erkannt wird. Kontrolliere danach die drei Filter und den Prozentwert. ### Der Fortschritt wirkt zu hoch Die Fortschrittsleiste war wahrscheinlich sichtbar und ermöglichte das Vorspringen. Schalte sie aus, veröffentliche die Seite erneut und wiederhole den Test mit einem Kontakt. ### Die Umleitung für nicht erfasste Besucher funktioniert nicht Kontrolliere, ob eine konkrete Zielseite mit Formular ausgewählt wurde. Prüfe den Ablauf außerdem in einem Browser, der Cookies zulässt. ### Das Video startet nicht automatisch Automatischer Start hängt vom Browser ab und beginnt üblicherweise ohne Ton. Plane deshalb keinen wichtigen Inhalt ein, der nur durch einen automatischen Start wahrgenommen werden kann. ## Praxisbeispiel Ein Team erklärt in einem vierminütigen Einführungsvideo die nächsten Schritte nach einer Anmeldung. 1. Es lädt die Videodatei in die Mediathek und wartet die Verarbeitung ab. 2. Im Funnel fügt es ein Videoelement ein, wählt **Gehostetes Video** und anschließend die verarbeitete Datei. 3. Für eine angenehme Ansicht erlaubt es Start/Pause und Vollbild. 4. Weil nach 75 % eine persönliche Rückfrage vorbereitet werden soll, schaltet es die Fortschrittsleiste aus. 5. Es leitet nicht erfasste Besucher zuerst auf eine Seite mit einem kurzen Formular und danach zurück zum Video. 6. Im Workflow legt das Team den Auslöser **Video-Fortschritt** an und setzt Video sowie **Videodauer (%)** auf 75 %. 7. Mit einem Testkontakt sieht es mindestens drei Viertel des Videos, schließt den Player und kontrolliert den gestarteten Ablauf. So bleibt das Video für Besucher verständlich bedienbar, während die Automatisierung nur bei einer klar prüfbaren Nutzung reagiert. --- # Agent Instructions This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com. ## Querying This Documentation If you need additional information that is not directly available in this page, you can query the documentation by asking a question. Perform an HTTP GET request on the following URL with the `ask` and `goal` query parameters: ``` GET https://one-loop.gitbook.io/help/plattform/one-loop-plattform/websites-und-leadgewinnung/websites-und-funnels/gehostete-videos-auf-webseiten-und-funnels-einsetzen.md?ask=&goal= ``` `ask` is the immediate question: it should be specific, self-contained, and written in natural language. `goal` is what the user is ultimately trying to achieve, the reason they need the answer. Sharing it helps GitBook give you a better, more relevant answer. A goal is most helpful when it describes the outcome the user wants rather than restating the question. For example, with `ask=how do I create an API token`, a goal like `automate deployments from our CI pipeline` lets GitBook tailor the answer to that use case. The response will contain a direct answer to the question and relevant excerpts and sources from the documentation. Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.