Wideo lokalne (HTML5)

Wideo lokalne jest przeznaczone dla plików, które hostujesz samodzielnie. Product Video uploaduje je przez media manager Shopware i odtwarza za pomocą elementu HTML5 <video> wspieranego przez Video.js.

Obsługiwane formaty

MP4 (zalecane — najszersze wsparcie przeglądarek)
WebM
OGV

Możesz załączyć wiele plików do tego samego wpisu wideo jako alternatywne rozdzielczości lub formaty.

Jak dodać wideo lokalne

Otwórz produkt → zakładka Media.
Kliknij Add from media library, żeby załączyć wgrany plik wideo (najpierw wgraj, jeśli trzeba).
W bocznym panelu znajdź kartę Video.
Opcjonalnie: kliknij Add this video in another format/resolution, żeby załączyć alternatywne pliki. Przeglądarka wybiera najlepszy, jaki potrafi odtworzyć. Użyj Remove, aby usunąć źródło.
Przełącz się na zakładkę Settings wewnątrz wpisu mediów, żeby skonfigurować odtwarzanie (autoplay, muted, loop, controls, theme, start / end time, preload).
Zapisz produkt.

Wieloźródłowe wideo

Product Video v2 pozwala załączyć kilka plików mediów do tego samego wpisu wideo. Są wysyłane do przeglądarki jako alternatywne elementy <source>; przeglądarka wybiera najlepszy obsługiwany. Użyj tego dla:

Różnych rozdzielczości (1080p MP4 + 720p MP4)
Różnych kodeków (MP4 H.264 + WebM VP9)
Fallbacków kompatybilności dla starszych przeglądarek

Obsługiwane etykiety: 8K (4320p), 4K (2160p), QHD (1440p), 2K (1080p), HD (720p), SD (480p), 360p, 240p, 144p.

Opcje odtwarzania

W zakładce Settings:

Mark video as cover
Autoplay, Muted, Loop, Controls, Play inline
Start video at / End video at
Theme — wybierz jeden z siedmiu motywów odtwarzacza HTML5 (podpola: Progress bar, Play button, Volume control, Fullscreen button, Timestamp, Music info, Description, Native context menu)
Use default settings — wróć do globalnych wartości domyślnych

Odtwarzacz HTML5 domyślnie używa Video.js. Możesz go wyłączyć przez Settings → System → System Config → Product videos → General settings → Disable VideoJS, jeśli wolisz natywne kontrolki przeglądarki.