Website-Hero: Videovorgaben und Anforderungen
Ein stummes Video in Dauerschleife für den Kopfbereich einer Landingpage.
Was es ist
Viele Produktseiten beginnen mit einer kurzen Demo in Dauerschleife statt mit einem statischen Screenshot. Sie muss stumm, klein und schnell geladen sein.
Was ein Video erfüllen muss
- Keine offizielle Spezifikation. Browser spielen nur stummgeschaltete Videos automatisch ab, deshalb haben diese Vorgaben keine Tonspur.
- Halte es kurz (die Vorgaben begrenzen auf 20 Sekunden), damit es das Laden der Seite nicht bremst.
Recordcake-Vorgaben
Website Hero
H.264, spielt in jedem Browser.
- Größe
- 1280×720 (16:9)
- Bildrate
- 30 fps
- Video
- MP4 · H.264 · 3 Mb/s
- Audio
- Ohne Ton
- Limits
- bis 20 Sek.
Website Hero (HEVC)
HEVC, kleiner, für Safari.
- Größe
- 1280×720 (16:9)
- Bildrate
- 30 fps
- Video
- MP4 · HEVC · 2 Mb/s
- Audio
- Ohne Ton
- Limits
- bis 20 Sek.
Tipps für Produktdemos
- Exportiere beide Versionen und gib sie als zwei Quellen in deinem video-Tag an, HEVC zuerst. Safari nimmt die kleinere HEVC-Datei, andere Browser fallen auf H.264 zurück.
- Ergänze ein Posterbild, damit etwas zu sehen ist, bevor das Video geladen ist.
Offizielle Vorgaben
Hierfür gibt es keine offizielle Vorgabe. Die Einstellung folgt gängiger Praxis.
Bildschirmaufnahmen, kinderleicht.
Nimm die Demo einmal auf. Um die Formate kümmert sich Recordcake.
Bald im Mac App Store