---
title: "Academy Article"
canonical_url: "https://academy.laioutr.com/artikel/videos-ueber-das-video-cdn-ausliefern"
locale: de
meta:
"og:title": "Academy Article"
---
[Zur Startseite](https://academy.laioutr.com/)
- [Hosting und Betrieb](https://academy.laioutr.com/bereiche/hosting-und-betrieb)
- [Laioutr Cloud](https://academy.laioutr.com/leitfaeden/laioutr-cloud)
- [Videos über das Video CDN ausliefern](https://academy.laioutr.com/artikel/videos-ueber-das-video-cdn-ausliefern)
# Videos über das Video CDN ausliefern
Redakteure laden Videos in Studio in die Medienbibliothek des Laioutr CDN und wählen sie in einer Section aus. Das CDN liefert sie über den Hostnamen des Projekts mit automatisch erzeugtem Vorschaubild aus, auf Wunsch zusätzlich adaptiv als HLS und DASH.
## Bevor du startest
- Tarif
- Video-CDN-Paket des Laioutr CDN
- Rolle
- Bearbeitungsrecht in Studio
- Dauer
- 6 Min.
### Voraussetzungen
- Laioutr CMS unter Integrations aktiviert
- Video als MP4 mit H.264 und AAC oder MP3
Zuletzt geprüft am 15. Oktober 2026
Ein Produktclip, eine Hintergrundschleife im Hero oder ein Kampagnenfeed: Für die Storefront ist das jeweils dieselbe Aufgabe. Redakteure wählen ein Video in Studio, und die Storefront spielt es ohne Wartezeit ab. Das **Video CDN** nutzt dafür denselben Speicher, Hostnamen und Cache wie Bilder.
### Vorgaben für Uploads
- MP4 mit H.264-Video und AAC- oder MP3-Ton
- höchstens 100 MB und 10 Minuten
Ein Video ist direkt nach dem Upload abspielbar, es gibt keine Verarbeitungswarteschlange. Ein Vorschaubild entsteht automatisch und passt sich der Layoutbreite an. Videos laden erst, wenn sie in die Nähe des sichtbaren Bereichs kommen, und bleiben ein Jahr im Cache. Jeder Upload erhält eine eigene Adresse; ein ausgetauschtes Video überschreibt die alte Datei nicht.
Die **adaptive Auslieferung** als HLS und DASH ist je Projekt zuschaltbar. Signierte URLs, DRM, Wasserzeichen und Analysen pro Video gehören nicht zum Video CDN; dafür lässt sich ein externer Videoanbieter als App anbinden.
## Schritt für Schritt
1. 1 ### Schritt 1: Video vorbereiten Das Video als MP4 mit H.264 und AAC- oder MP3-Ton exportieren, höchstens 100 MB und 10 Minuten lang, in der Größe, in der es ausgeliefert werden soll.
2. 2 ### Schritt 2: Video hochladen In Studio die Medienbibliothek des Laioutr CDN öffnen und das Video hochladen.
3. 3 ### Schritt 3: In einer Section wählen In einer Section mit Medienfeld, etwa einem Hero, das Video aus der Medienauswahl wählen.
4. 4 ### Schritt 4: Vorschau prüfen In der Vorschau Vorschaubild und Wiedergabe prüfen, ob als Player mit Steuerung oder als stumme Hintergrundschleife.
5. 5 ### Schritt 5: Veröffentlichen Die Seite veröffentlichen.
6. 6 ### Schritt 6: Adaptive Auslieferung zuschalten Für HLS und DASH beim Laioutr-Support die adaptive Auslieferung für das Projekt aktivieren lassen. Bereits gesetzte Videos danach in Studio neu auswählen.
## Ergebnis prüfen
Die veröffentlichte Seite zeigt das Video mit Vorschaubild, und die Video-Adresse beginnt mit dem Delivery-Hostnamen des Projekts. Mit adaptiver Auslieferung spielt Safari die HLS-Variante.
## Häufige Fragen
Warum wird ein Upload abgelehnt?
Die Datei liegt außerhalb der Vorgaben: falscher Container oder Codec, über 100 MB oder länger als 10 Minuten. Andere Dateien im selben Upload sind davon nicht betroffen.
Wie wird ein Video ersetzt?
Das neue Video hochladen und in der Section auswählen. Jeder Upload bekommt eine eigene Adresse, damit wiederkehrende Besucher keinen veralteten Stand aus dem Cache sehen.
Spielen Chrome und Firefox adaptiv ab?
Ohne zusätzlichen Player spielen sie die MP4-Datei. Adaptive Bitraten in diesen Browsern liefert ein eigener Player, den Entwickler im Projekt registrieren.
Gibt es DRM oder Wasserzeichen?
Nein. Die Auslieferung ist öffentlich, da Storefront-Medien öffentliche Inhalte sind. Für lange Videos, DRM oder Analysen pro Video einen externen Videoanbieter als App anbinden.
## Passend dazu
- [Bilder über das Laioutr CDN ausliefern](https://academy.laioutr.com/artikel/bilder-ueber-das-laioutr-cdn-ausliefern)4 Min.
Das Laioutr CDN speichert die Bilder eines Projekts in einem eigenen Speicher und liefert sie über einen eigenen Hostnamen aus. Größe und Format werden beim Abruf an der Edge angepasst, und ausgelieferte Bilder bleiben lange im Cache.
- [Medien in Cockpit und Studio verwalten](https://academy.laioutr.com/artikel/medien-in-cockpit-und-studio-verwalten)5 Min.
Bilder, Videos und Audiodateien werden zentral in der Media Library unter Content in Cockpit verwaltet. In Studio wählt der Medienwähler Dateien aus allen verbundenen Bibliotheken, etwa aus dem Shop-System, und lädt neue hoch, wo die Bibliothek es erlaubt.
- [Bild und Video, Popups, Hinweise und Navigation in der Seite](https://academy.laioutr.com/artikel/bild-video-popups-hinweise-inpage-navigation)7 Min.
Media + Text und Media Preview zeigen Bilder und Videos, PopUp-Vorlagen bringen Info, Newsletter und Angebote ins Bild, Toasts und Alert-Dialoge geben automatisch Rückmeldung. Category Card Grid und Slider führen innerhalb der Seite in die Sortimente.
- [Vorschau prüfen und in Studio veröffentlichen](https://academy.laioutr.com/artikel/vorschau-pruefen-und-in-studio-veroeffentlichen)5 Min.
Studio speichert Änderungen als Entwurf und zeigt sie sofort in der Live-Vorschau. Publish in der oberen Leiste bringt den gespeicherten Stand über ein Deployment der Umgebung auf die Storefront.
## In einer Lektion lernen
- [Medien verwalten und ausliefern](https://academy.laioutr.com/lektionen/frontend-manager-medien-verwalten)8 Min.
- [Bilder und Videos einbinden](https://academy.laioutr.com/lektionen/live-gang-bilder-und-videos)6 Min.
## [Laioutr Cloud](https://academy.laioutr.com/leitfaeden/laioutr-cloud)
In diesem Leitfaden suchen
1. [Hosting und Auslieferung über die Edge](https://academy.laioutr.com/artikel/hosting-und-auslieferung-ueber-die-edge)4 Min.
2. [Eigene Domain verbinden](https://academy.laioutr.com/artikel/eigene-domain-verbinden)6 Min.
3. [Storefront bis zum Launch mit Passwort schützen](https://academy.laioutr.com/artikel/storefront-bis-zum-launch-mit-passwort-schuetzen)5 Min.
4. [Bilder über das Laioutr CDN ausliefern](https://academy.laioutr.com/artikel/bilder-ueber-das-laioutr-cdn-ausliefern)4 Min.
5. [Videos über das Video CDN ausliefern](https://academy.laioutr.com/artikel/videos-ueber-das-video-cdn-ausliefern)6 Min.
6. [Formulare gegen Bots und Spam schützen](https://academy.laioutr.com/artikel/formulare-gegen-bots-und-spam-schuetzen)7 Min.
7. [Storefront als Progressive Web App bereitstellen](https://academy.laioutr.com/artikel/storefront-als-progressive-web-app-bereitstellen)5 Min.
## Structured Data
```json
{
"@context": "https://schema.org",
"@graph": [
{
"@id": "https://academy.laioutr.com/#website",
"@type": "WebSite",
"inLanguage": "de",
"name": "Default",
"url": "https://academy.laioutr.com/",
"workTranslation": {
"@id": "https://academy.laioutr.com/#website"
}
},
{
"@id": "https://academy.laioutr.com/artikel/videos-ueber-das-video-cdn-ausliefern#webpage",
"name": "Academy Article",
"url": "https://academy.laioutr.com/artikel/videos-ueber-das-video-cdn-ausliefern",
"@type": [
"WebPage",
"FAQPage"
],
"breadcrumb": {
"@id": "https://academy.laioutr.com/artikel/videos-ueber-das-video-cdn-ausliefern#breadcrumb"
},
"isPartOf": {
"@id": "https://academy.laioutr.com/#website"
},
"mainEntity": [
{
"@id": "https://academy.laioutr.com/artikel/videos-ueber-das-video-cdn-ausliefern#/schema/question/1"
},
{
"@id": "https://academy.laioutr.com/artikel/videos-ueber-das-video-cdn-ausliefern#/schema/question/2"
},
{
"@id": "https://academy.laioutr.com/artikel/videos-ueber-das-video-cdn-ausliefern#/schema/question/3"
},
{
"@id": "https://academy.laioutr.com/artikel/videos-ueber-das-video-cdn-ausliefern#/schema/question/4"
}
],
"potentialAction": [
{
"@type": "ReadAction",
"target": [
"https://academy.laioutr.com/artikel/videos-ueber-das-video-cdn-ausliefern"
]
}
]
},
{
"@id": "https://academy.laioutr.com/artikel/videos-ueber-das-video-cdn-ausliefern#breadcrumb",
"@type": "BreadcrumbList",
"itemListElement": [
{
"@type": "ListItem",
"name": "Home",
"item": "https://academy.laioutr.com/",
"position": 1
},
{
"@type": "ListItem",
"name": "Hosting und Betrieb",
"item": "https://academy.laioutr.com/bereiche/hosting-und-betrieb",
"position": 2
},
{
"@type": "ListItem",
"name": "Laioutr Cloud",
"item": "https://academy.laioutr.com/leitfaeden/laioutr-cloud",
"position": 3
},
{
"@type": "ListItem",
"name": "Videos über das Video CDN ausliefern",
"item": "https://academy.laioutr.com/artikel/videos-ueber-das-video-cdn-ausliefern",
"position": 4
}
]
},
{
"@id": "https://academy.laioutr.com/artikel/videos-ueber-das-video-cdn-ausliefern#/schema/question/1",
"@type": "Question",
"inLanguage": "de",
"name": "Warum wird ein Upload abgelehnt?",
"acceptedAnswer": {
"@type": "Answer",
"text": "Die Datei liegt außerhalb der Vorgaben: falscher Container oder Codec, über 100 MB oder länger als 10 Minuten. Andere Dateien im selben Upload sind davon nicht betroffen.
"
}
},
{
"@id": "https://academy.laioutr.com/artikel/videos-ueber-das-video-cdn-ausliefern#/schema/question/2",
"@type": "Question",
"inLanguage": "de",
"name": "Wie wird ein Video ersetzt?",
"acceptedAnswer": {
"@type": "Answer",
"text": "Das neue Video hochladen und in der Section auswählen. Jeder Upload bekommt eine eigene Adresse, damit wiederkehrende Besucher keinen veralteten Stand aus dem Cache sehen.
"
}
},
{
"@id": "https://academy.laioutr.com/artikel/videos-ueber-das-video-cdn-ausliefern#/schema/question/3",
"@type": "Question",
"inLanguage": "de",
"name": "Spielen Chrome und Firefox adaptiv ab?",
"acceptedAnswer": {
"@type": "Answer",
"text": "Ohne zusätzlichen Player spielen sie die MP4-Datei. Adaptive Bitraten in diesen Browsern liefert ein eigener Player, den Entwickler im Projekt registrieren.
"
}
},
{
"@id": "https://academy.laioutr.com/artikel/videos-ueber-das-video-cdn-ausliefern#/schema/question/4",
"@type": "Question",
"inLanguage": "de",
"name": "Gibt es DRM oder Wasserzeichen?",
"acceptedAnswer": {
"@type": "Answer",
"text": "Nein. Die Auslieferung ist öffentlich, da Storefront-Medien öffentliche Inhalte sind. Für lange Videos, DRM oder Analysen pro Video einen externen Videoanbieter als App anbinden.
"
}
}
]
}
```