Local video (HTML5)

Local video is for files you host yourself. Product Video uploads them through Shopware’s media manager and plays them with an HTML5 <video> element backed by Video.js.

Supported formats

MP4 (recommended — broadest browser support)
WebM
OGV

You can attach multiple files to the same video entry as alternative resolutions or formats.

How to add a local video

Open a product → Media tab.
Click Add from media library to attach the uploaded video file (upload first if needed).
In the side panel, find the Video card.
Optional: click Add this video in another format/resolution to attach alternative files. The browser picks the best one it can play. Use Remove to drop a source.
Switch to the Settings tab inside the media entry to configure playback (autoplay, muted, loop, controls, theme, start / end time, preload).
Save the product.

Multi-resolution video sources

Product Video v2 lets you attach several media files to the same video entry. They are sent to the browser as alternative <source> elements; the browser picks the best supported one. Use this for:

Different resolutions (1080p MP4 + 720p MP4)
Different codecs (MP4 H.264 + WebM VP9)
Compatibility fallbacks for older browsers

Supported labels: 8K (4320p), 4K (2160p), QHD (1440p), 2K (1080p), HD (720p), SD (480p), 360p, 240p, 144p.

Playback options

In the Settings tab:

Mark video as cover
Autoplay, Muted, Loop, Controls, Play inline
Start video at / End video at
Theme — pick one of the seven HTML5 player themes (sub-fields: Progress bar, Play button, Volume control, Fullscreen button, Timestamp, Music info, Description, Native context menu)
Use default settings — fall back to the globals

The HTML5 player uses Video.js by default. You can disable it via Settings → System → System Config → Product videos → General settings → Disable VideoJS if you prefer native browser controls.