Skip to content

How to Create WordPress Vimeo Video Gallery?

Key Takeaways

  • Nexter Blocks Media Listing block creates a Vimeo video gallery in WordPress by selecting Videos in the Type section and choosing a listing style and layout from the Layout tab.
  • Vimeo Id field accepts the Vimeo video id, and Upload Image adds an overlay image so the thumbnail becomes clickable.
  • Box Link toggle under the Extra Options tab makes the entire thumbnail clickable, while Force Custom URL stays off and +Add content adds multiple Vimeo videos to create a gallery.
Table of Contents

Vimeo is where a lot of client and showreel work lives, and one embed per page buries it.

The Media Listing block collects those videos into a single gallery, each item identified by its Vimeo video ID.

For every Media Listing setting in one place, see the Media Listing block guide.

Before You Start

  • Edition: Pro — the Media Listing block is part of Nexter Blocks Pro.
  • Block to enable: Media Listing, switched on under Nexter > Blocks in your WordPress dashboard.
  • Your video IDs: the number at the end of a Vimeo URL, for example 87591302 in vimeo.com/87591302.

Steps

  1. Add the Media Listing block to your page and click Design from Scratch.
  1. In the Layout panel, set Type to Videos.
The Layout panel with the Type setting set to Videos
  1. Open the Content panel and click + Add Item for each video.
  1. Set Source to Vimeo.
The Source setting on a video item
  1. Paste the number from the Vimeo URL into Vimeo ID.
  1. Add a Title and a thumbnail Image, set your Layout and Columns, then publish.
A gallery of Vimeo videos with their titles

Finding the Video ID

Vimeo URLThe ID to paste
vimeo.com/8759130287591302
player.vimeo.com/video/8759130287591302
vimeo.com/channels/staffpicks/8759130287591302

How It Behaves

  • Each item becomes a Vimeo address built from the number you paste.
  • Nothing loads from Vimeo until a visitor plays a video.
  • Source is per item, so Vimeo, YouTube and self hosted videos can sit in the same gallery.
  • The tile uses the thumbnail image you choose rather than the one stored on Vimeo.

Limitations

  • Pro only.
  • Videos are added one at a time, with no way to import a whole Vimeo showcase.
  • Only the numeric ID works. A full URL in the field gives a broken embed.
  • Videos set to private or restricted by domain on Vimeo will not play in the gallery.

Troubleshooting

The video does not play

Check that Vimeo ID holds only the number. Also open the video on Vimeo and check its privacy settings allow embedding on other sites.

The tile is blank

Set a thumbnail Image on the item. Vimeo thumbnails are not pulled in automatically.

Related Docs

Share your Thoughts

Still in Doubt? Let’s Assist You

Have Feedback or Questions?

Join our WordPress Community on Facebook!