Magic Product Video for WooCommerce – Video Gallery & Converter
Magic Product Video for WooCommerce – Video Gallery & Converter

Magic Product Video for WooCommerce – Video Gallery & Converter

5/5 (7 ratings) 30 active installs Updated Nov 5, 2026
The product video as the first slide of the WooCommerce gallery, with a poster frame from the clip.

The product video as the first slide of the WooCommerce gallery, with a poster frame from the clip.

▶ Live demo · Documentation · Get Pro

Magic Product Video for WooCommerce adds videos to your WooCommerce product gallery, next to your product photos. Upload your own clip, convert it to MP4 and WebM, choose a poster frame and attach it to a product. Or paste a YouTube, Vimeo or TikTok video link, or an Instagram Reel. The standard gallery integration needs no shortcode or theme edits.

Shoppers cannot touch what they buy. A short video shows size, movement, fabric and detail in seconds, right where they decide: on the product page.

  • Your files stay on your hosting. Uploaded clips play in your own player. External video players load only after Play unless you enable Pro autoplay.
  • Two playback formats. Convert your clips to MP4 (H.264) and WebM so browsers can choose a supported format.
  • Fits your store. Works with the standard WooCommerce gallery (FlexSlider and PhotoSwipe), block themes and custom templates.
  • Made for stores. Video library, poster frames, a background conversion queue and per-product control.
  • YouTube, Vimeo, TikTok and Instagram too. Add a video by its link: only its poster loads until the shopper presses Play.

Why self-hosted instead of a YouTube embed

A YouTube embed uses Google’s player, which can set cookies and display branding or suggestions. A self-hosted product video is a file on your own site: it looks like part of the store, keeps the shopper on the page, and needs no cookie consent for a third-party player.

How it works

  1. Upload a clip into Magic Media, from a computer, phone or tablet.
  2. Convert it with FFmpeg on your server in a background queue, or in your admin browser without server FFmpeg. Keep the tab open for browser conversion. Or skip conversion and attach MP4 and WebM files you already have.
  3. Attach the video in the Magic Video box on the product edit screen.
  4. Show. It plays as a slide in the product gallery, first or last.

Product video in the WooCommerce gallery

The video is a real gallery slide, not a pop-up bolted on top. It sits first or last among the product images, works with thumbnails, swipe and the lightbox, and keeps the layout of your theme. Choose autoplay, sound, loop and controls, how the video fills the frame, and the background behind it.

YouTube, Vimeo, TikTok and Instagram, loaded only on Play

Already have the video on YouTube, Vimeo or TikTok, or as an Instagram Reel? Paste its link in Magic PVW Media Add video link. The plugin copies the title and poster into your media library and shows the video as a gallery slide like any other. Until the shopper presses Play, the page loads only that poster from your own site; then the player loads from youtube-nocookie.com, from Vimeo with “do not track”, or from TikTok or Instagram. The slide keeps the video’s own proportions (16:9, or a vertical Short, TikTok or Reel) over a blurred poster, plays in the WooCommerce lightbox too, and follows the loop and controls settings of your player.

Only videos are accepted: a TikTok photo slideshow or an Instagram photo post is refused when you add the link. Instagram’s player shows the account and the comments line around the video and cannot start by itself or loop, so a Reel always waits for the shopper’s click.

Featured video for any product

Attach a video to a single product from the product edit screen, or reuse one clip on several products. The poster frame is taken from the first second of the clip; open the video in Media and pick any other frame if you want a better cover.

Self-hosted video, no third-party service

Your videos live in wp-content/uploads on your own hosting. Nothing is sent to YouTube, Vimeo, TikTok, Instagram or any other service unless you add a video from them by link (see Third-party services below). You decide who sees what, and the files stay yours if you ever change themes or plugins.

Convert on your server, or in the browser

The video library converts clips to MP4 and WebM. Server conversion uses FFmpeg, in a background queue that keeps running after you close the tab. No FFmpeg on your hosting? Convert right in your admin browser instead (WebAssembly, no exec() needed), keeping the tab open until conversion and upload finish. Both conversion methods are included in the free plugin. You can also attach ready MP4 and WebM files.

Free features

  • Video slide in the WooCommerce product gallery, first or last
  • Server conversion to MP4 and WebM with FFmpeg, in a background queue
  • Conversion in the browser (WebAssembly) for hosting without FFmpeg or exec(): the clip is converted in your admin browser and the finished files are uploaded
  • Attach MP4 and WebM files you already have, with no conversion
  • Poster frame from the video and a frame picker
  • YouTube, Vimeo and TikTok videos and Instagram Reels by link, next to your own files: only a poster loads until the shopper presses Play, then the player loads in privacy mode; in the gallery, the lightbox and the Magic Video box
  • Video library (Magic Media) for all your clips, upload from desktop or phone
  • Player settings: autoplay, controls, sound, loop, aspect ratio, fill mode, background
  • Gallery position: video first or last
  • WooCommerce product edit screen box (Magic Video)
  • One editable conversion configuration in Free; Pro adds saved custom presets
  • Admin interface and plugin messages in English, Ukrainian, German, Spanish, French and Polish
  • Optional “delete all data on uninstall”

Pro features

Magic Product Video Pro adds:

  • Custom FFmpeg presets: quality, size, codecs and audio per preset
  • Your own poster image for any video, uploaded or added by link (also without FFmpeg)
  • YouTube, Vimeo and TikTok without a click: start them muted as soon as they are shown, also in the shop grid; hide the Vimeo title
  • Popup player: a poster with a Play button that opens a fullscreen player
  • Video in the shop grid: product videos instead of thumbnails on shop and category pages
  • Posts, pages and other post types, with the [mpvw_video] and [mpvw_magic_video] shortcodes and the mpvw_the_video() template function
  • WPML: one video for all translations of a product
  • Updates and email support

Pro replaces the free plugin in place; your videos and settings stay as they are. Yearly plans for 1, 3 or unlimited sites, with a 30-day refund on mpvw.org.

Works with your stack

WordPress 6.6 to 7.1, WooCommerce 9.6 to 11.2, PHP 7.4 and up. HPOS and block checkout are supported. Tested with the default WooCommerce gallery, block themes and classic themes.

Requirements

  • WooCommerce 9.6 or newer, active
  • PHP 7.4 or newer (8.0+ recommended)
  • FFmpeg 5.1.6 or newer on the server for server-side conversion. Optional: without it the plugin converts in the browser, or you attach ready files.

Third-party libraries

The plugin uses the following open-source libraries, bundled with it (nothing is loaded from an outside server):

  • Video.js v8.22.0, Apache-2.0: the player in the product gallery
  • Angular v20, MIT: the admin app
  • PrimeNG v20, MIT: admin interface components
  • RxJS v7, Apache-2.0
  • Tailwind CSS v4, MIT: admin styles (build time)
  • ffmpeg.wasm (@ffmpeg/ffmpeg v0.12.15, @ffmpeg/util v0.12.2, @ffmpeg/core v0.12.6), MIT: in-browser conversion, in assets/ffmpeg-core/. The core is FFmpeg compiled to WebAssembly with x264 and libvpx (GPL-2.0-or-later); its source and build scripts are at https://github.com/ffmpegwasm/ffmpeg.wasm

The full license texts are in admin/app/3rdpartylicenses.txt. Server conversion runs the FFmpeg you have installed on your hosting; the plugin does not ship a server FFmpeg.

Third-party services

The plugin contacts YouTube, Vimeo, TikTok or Instagram only when you add a video from them by its link:

  • When an admin adds the link, your server asks YouTube (youtube.com, i.ytimg.com), Vimeo (vimeo.com, vimeocdn.com), TikTok (tiktok.com, tiktokcdn.com) or Instagram (instagram.com, cdninstagram.com) for the video’s title and poster; for TikTok and Instagram it reads them from the public video page. No data about your visitors is sent. Terms: YouTube, Vimeo, TikTok, Instagram. Privacy: Google, Vimeo, TikTok, Meta.
  • When a visitor presses Play on such a video, the visitor’s browser loads the player from youtube-nocookie.com, player.vimeo.com, tiktok.com or instagram.com. The service then receives the visitor’s IP address and may set cookies. Nothing is loaded from the service before the click, unless you turn on “Start without a click” (Pro; never for Instagram).

Links

Roadmap

  1. Conversion through the mpvw API: MP4 and WebM with no FFmpeg on your hosting
  2. AI video from product photos, and a poster made by AI

Recently shipped: TikTok videos and Instagram Reels by link (1.10.0); YouTube and Vimeo videos by link (1.9.0); your own poster image (Pro, 1.9.0); in-browser (WebAssembly) conversion; the MPVW video library; pre-saved FFmpeg presets.