# Video einbetten (Embedded Video)

<span style="white-space: pre-wrap;">Spiele ein </span>**MP4-Video**<span style="white-space: pre-wrap;"> direkt in der Szene ab – mit Posterbild, optionalem Vollbild, Seek-Sperre und </span>**Aktionen nach Videoende**<span style="white-space: pre-wrap;"> (Text + Buttons).</span>

---

## ![grafik.png](https://docs.scenario.app/uploads/images/gallery/2025-09/scaled-1680-/q70grafik.png)Felder

**MP4-URL**  
Direkter Link zur MP4-Datei (H.264/AVC + AAC empfohlen).

**Poster-URL**<span style="white-space: pre-wrap;"> </span>**(optional)**  
Bild, das vor dem Start angezeigt wird (Vorschaubild/Thumbnail).

**Rahmenfarbe / Hintergrundfarbe / Textfarbe**  
Stil des Players (Rahmen), der Fläche um den Player und von Player-Textelementen/Hinweisen.

**Vollbild erlauben**  
Schaltet den Vollbild-Button ein/aus.

**Springen im Video erlauben**

- **An**: Nutzer dürfen scrubben/kapitelweise springen.
- **Aus**: Seek gesperrt → lineares Ansehen (z. B. für Pflicht-Clips/Story).

**Fallback bei Fehler – Zielszene**  
<span style="white-space: pre-wrap;">Wenn das Video </span>**nicht geladen**<span style="white-space: pre-wrap;"> oder </span>**abgespielt**<span style="white-space: pre-wrap;"> werden kann (Offline, Codec, URL), wird diese Szene geöffnet (z. B. „Alternative Aufgabe“).</span>

---

## Aktionen nach Videoende

**Text über Buttons**<span style="white-space: pre-wrap;"> </span>**(optional)**  
Kurzer Hinweis über den End-Buttons (z. B. „Wie möchtest du weiter machen?“).

**+ Button hinzufügen**  
<span style="white-space: pre-wrap;">Beliebig viele End-Buttons mit </span>**Beschriftung**<span style="white-space: pre-wrap;"> und </span>**Zielszene**.

- <span style="white-space: pre-wrap;">Der </span>**„Wiederholen“**-Button ist (falls eingeblendet) der Standard-Rücksprung und startet das Video erneut.
- <span style="white-space: pre-wrap;">Die Buttons erscheinen </span>**erst, wenn das Video wirklich zu Ende ist**<span style="white-space: pre-wrap;"> (kein Timer-Trick).</span>

---

<video class="align-left" controls="" height="600" id="bkmrk--3" src="https://docs.scenario.app/attachments/49?open=true" width="300"></video>## Verhalten in der App

1. <span style="white-space: pre-wrap;">Posterbild wird angezeigt, bis der/die Spieler:in </span>**Play**<span style="white-space: pre-wrap;"> drückt.</span>
2. <span style="white-space: pre-wrap;">Abhängig von der Seek-Einstellung kann man </span>**spulen**<span style="white-space: pre-wrap;"> oder sieht das Video </span>**linear**.
3. **Am Ende**<span style="white-space: pre-wrap;"> blendet die App – falls konfiguriert – </span>**Text + End-Buttons**<span style="white-space: pre-wrap;"> ein.</span>
4. <span style="white-space: pre-wrap;">Tritt ein </span>**Fehler**<span style="white-space: pre-wrap;"> auf, wird die </span>**Fallback-Zielszene**<span style="white-space: pre-wrap;"> geöffnet.</span>

---

## Best Practices

- **Encoding:**<span style="white-space: pre-wrap;"> MP4 (H.264, AAC), </span>**720p**/1080p; Bitrate moderat (2–6 Mbit/s).
- **Größe/Ladezeit:**<span style="white-space: pre-wrap;"> Möglichst &lt; 50 MB; bei Mobilfunk eher 5–20 MB anstreben.</span>
- **Poster:**<span style="white-space: pre-wrap;"> Ruhiges, klares Motiv; Seitenverhältnis = Video.</span>
- **Barrierefreiheit:**<span style="white-space: pre-wrap;"> Untertitel separat anbieten (z. B. als „Untertitel anzeigen“-Button).</span>
- **Didaktik:**<span style="white-space: pre-wrap;"> „Springen erlauben“ AUS für Pflicht-Briefings; EIN für freie Tutorials.</span>
- **Fallback testen:**<span style="white-space: pre-wrap;"> Einmal Flugmodus aktivieren → prüfen, ob deine Fallback-Szene logisch weiterführt.</span>

---

## Kurz-Workflow

1. <span style="white-space: pre-wrap;">MP4 &amp; Poster hochladen → </span>**URLs eintragen**.
2. <span style="white-space: pre-wrap;">Player-Farben wählen, </span>**Vollbild/Seek**<span style="white-space: pre-wrap;"> konfigurieren.</span>
3. **Fallback-Zielszene**<span style="white-space: pre-wrap;"> setzen.</span>
4. **Aktionen nach Videoende**: Info-Text + Buttons (z. B. „Zur Aufgabe“, „Wiederholen“).
5. Speichern, auf Gerät testen.