search
How to Add Vimeo and Wistia Videos to Beamery Pages
Last Updated:

When creating a Page, adding a video block is a great way to share dynamic and engaging content with visitors. However, only videos hosted on Youtube can be shared within a video block. What if your videos are hosted on Vimeo or Wistia?

Below are instructions for how to add a Vimeo or a Wistia video to a Beamery Page using the iFrame block.

  1. Before you embed your video, you need to make sure you have the correct embeddable URL from Vimeo.
  2. Vimeo
    Locate the video you want to embed on Vimeo. Click on Embed. In the pop-up window, select only the URL that comes after iframe src= between the quotation marks. (See image below)

    This URL should include the word "player". (The Link URL at the top of this share window will not work within an iFrame).

    Vimeo

    Only the highlighted URL in this image should be used.
    Your URL should look like this:
    https://player.vimeo.com/video/000000000
    Not this:
    https://vimeo.com/000000000
    Wistia

    Locate the video you want to embed on Wistia. Click on </> Embed & Share. In the pop-up window, select only the URL that comes after iframe src= between the quotation marks.Wistia

  3. Next, head to Beamery and open the Page Builder for the Page on which you want to embed the video. Find or add an iFrame block and click on it to open edit options on the left side panel.

  4. Paste your copied embed URL from Vimeo or Wistia into the text box. The box should only contain the URL, so if any other embed code was copied, delete it now. 

    1617109188436-qSY.png

  5. If the URL has been entered correctly, then you should see a video preview appear within the iFrame block on the right, as below.

    1617109205700-LAo.png

  6. Once your video is successfully embedded, you can finish customizing the iFrame block by deciding what its pixel height should be and whether to expand it to the full width of the Page (as opposed to regular width, with a border).

 


Additional Resources

An Overview of the Beamery Pages Structure
How to Create a Beamery Page