Video gallery
Add one or more videos to a product and show them as play tiles beside its images. Videos play in the lightbox.
Adding videos to a product
- Edit the product
In Product data, open the Video tab.
- Choose a Video Source
YouTube or Vimeo: paste the video page link into Video URL. Self-Hosted File: click Choose Video File… and pick an
.mp4,.webmor.ogvfrom the media library. - Optional Video Thumbnail
Select Thumbnail Image (or Remove Thumbnail). YouTube and Vimeo get one automatically; self-hosted videos show WooCommerce's placeholder image without one.
- More videos
+ Add Another Video adds a row; Remove This Video deletes one. Then Update the product.
- A row per video: Video Source, Video URL (or Video File) and Video Thumbnail with its preview
- Remove This Video and + Add Another Video buttons
The Video URL field also accepts links from other services WordPress can embed (oEmbed); only YouTube and Vimeo get automatic thumbnails. Without an active license the tab is a disabled preview and nothing is saved.
The Video Gallery style
Select Video Gallery as the Active style, or use [siteryn_pgz_pro_video]. Videos show only with this style. Images appear as square tiles with the video tiles (a thumbnail with a play button) first or last; clicking a video tile opens the lightbox and plays it. Images and videos form one sequence in the lightbox, with arrows, a counter, ← →, Esc and swipe. Products without videos show a plain image grid. Image tiles support Inner and Lens zoom.
- Image grid in three columns with a video tile and play button first
| Setting | Default | Options |
|---|---|---|
| Video tile position | First tile | First, Last |
| Autoplay when opened | Off | Self-hosted only |
| Loop | Off | Self-hosted only |
| Show playback controls | On | Self-hosted only |
| Columns (desktop · tablet · mobile) | 3 · 2 · 1 | 1–6 · 1–4 · 1–2 |
| Spacing between tiles (px) | 10 | 0–40 |
| Enable click-to-zoom lightbox for images | On | Off makes image tiles unclickable; video tiles always open |
YouTube and Vimeo videos use the provider's standard player; the autoplay, loop and controls settings don't apply to them. Closing the lightbox stops playback.
Privacy
- The YouTube or Vimeo player loads only when a shopper clicks a video tile.
- Automatic YouTube thumbnails load from
img.youtube.com, and automatic Vimeo thumbnails from Vimeo's image server, with the page. Upload your own thumbnail to avoid that. - To find a Vimeo thumbnail, your site asks Vimeo once when you save the product.
- The player is the standard embed (not youtube-nocookie). If you need consent before embeds, add this to your cookie policy or consent tool.