Your first video

This walkthrough adds your first video to a product. We will embed a YouTube video — the same flow applies to Vimeo, TikTok, Dailymotion, Facebook and G-Core.

Before you start

• The plugin is installed and activated (Installation).
• You have a product to test on.

Step 1 — Open the product media tab

1. Go to Catalogue → Products and open any product.
2. Switch to the Media tab.

For the selected media entry, the Mediaverse override exposes the following cards in the product media form:

• File — the standard Shopware media reference
• Embed Video — external video URL (YouTube, Vimeo, etc.)
• Local Video — HTML5 video configuration
• Hotspots — interactive points (PRO)
• 360° Panorama — panoramic image viewer (PLUS)
• 3D & AR — 3D model viewer (PLUS)

You only fill in the card that matches the kind of media you are adding.

Step 2 — Paste the YouTube URL

1. Click the Add button inside the Embed Video card.
2. Paste a YouTube URL (https://www.youtube.com/watch?v=... or a short youtu.be/… URL).
3. Mediaverse recognises the URL as YouTube and fetches the thumbnail automatically.

Tip

For a fully GDPR-friendly embed, enable YouTube nocookie in the Mediaverse Embed → YouTube settings. The plugin then uses youtube-nocookie.com.

Step 3 — Configure playback

The media entry has three top-level tabs:

• General — the cards above (File / Embed Video / Local Video / Hotspots / 360° Panorama / 3D & AR)
• Other languages — per-language overrides
• Settings — playback options, split internally into nested Product details page and Product listings tabs

Switch to Settings and configure playback on either nested tab as needed: autoplay, muted, loop, controls, play inline, start / end time, theme, and so on. Use the Use default settings toggle to fall back to the globals configured in Settings → Plugins → Mediaverse.

Step 4 — Save and preview

• Click Save at the top of the product page.
• Open the product on the storefront — the video appears in the gallery with a play-icon overlay. Click it to play.

What just happened under the hood

• The plugin stored the source type, URL, thumbnail reference and playback options inside the customFields of the product-media row.
• The storefront Twig templates detect the Mediaverse metadata and render an <iframe> (for embeds) or a <video> element (for HTML5) instead of the plain image.
• If GDPR mode is on, the iframe is gated behind a cookie-consent prompt until the customer accepts third-party cookies.

Next steps

• Use a video as a product listing cover so it autoplays in category grids.
• Drop the P2Lab Mediaverse block into a Shopping Experience page (Shopping Experiences).
• Try a 360° panorama or a 3D model (360° Panorama / 3D & AR — PLUS).
• Build a Carousel or Slider as a CMS block (Carousel & Slider — PRO).