Skip to content

Local video (HTML5)

Local video is for files you host yourself. Mediaverse uploads them through Shopware’s media manager and plays them with an HTML5 <video> element backed by Video.js. Use this when you do not want to depend on YouTube / Vimeo or when the content is shop-internal.

  • MP4 (recommended — broadest browser support)
  • WebM
  • OGV

You can attach multiple files to the same video entry as alternative resolutions or formats (see Video sources below).

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

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

  • Different resolutions (e.g. 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.

In the Settings tab:

  • Autoplay / Muted / Loop / Controls / Play inline
  • Controls list — disable specific control bar items (nofullscreen, nodownload)
  • Disable picture-in-picture — block PiP mode
  • Preloadauto, metadata, or none
  • Start video at / End video at — clip the playable range
  • 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)

Defaults come from Settings → Plugins → Mediaverse → Local. Per-video overrides on the Settings tab take precedence; tick Use default settings to fall back to the globals.