Skip to main content

Embedded videos

Adding embedded videos to your Run site

Updated yesterday

In order to add videos to your Run site, you must first upload them to a video hosting service like YouTube or Vimeo. Using a workaround, you may be able to embed videos from social media platforms but they generally attempt to block it. We've provided a workaround for X/Twitter below.

Once that's done you can copy the embed code from those videos into various places on your Run site. Videos can be embedded on:

  • The Video component

  • The home page header

  • The Landing Popup

  • The Page Intro component

  • The Full Width Media component

A video embed code is NOT the URL of the page hosting the video. If your embed code starts with "https://" or a "<div>" tag you're on the wrong track - embed codes should usually begin with "<iframe".

Youtube

In order to embed a video from Youtube, go to the page with the video, and below the video click Share, then Embed, and then copy the embed code provided.

Vimeo

Vimeo currently does not provide the embed code in the format required by Run. Here are instructions of how to edit it to work.

Copy the code we've provided here into the Embed area on your Run video component, or somewhere else that you can edit it.

<iframe src="" frameborder="0" width="1920" height="1080" allow="autoplay; fullscreen; picture-in-picture; clipboard-write; encrypted-media; web-share" referrerpolicy="strict-origin-when-cross-origin"  title=""></iframe>

On the Vimeo video you want to embed the video from, click Share > Copy Embed Code. Copy the value inside the "src" tag from the Vimeo-provided embed and paste that into embed code we've provided above.

Then paste the edited code where you need it on the Run site.

*If your video does not have standard dimensions, edit the width and height as well to match your video dimensions.

Twitter / X

X does not provide video embed code (they do allow you to embed an entire tweet, which won't help you here). However, we've been able to do it using the following workaround.

Copy the code we've provided here into the Embed area on your Run video component, or somewhere else that you can edit it.

<iframe src="" frameborder="0" width="1920" height="1080" allow="autoplay; fullscreen; picture-in-picture; clipboard-write; encrypted-media; web-share" referrerpolicy="strict-origin-when-cross-origin"  title=""></iframe>

Visit https://twitsave.com, paste the URL of your Tweet into the provided box, and click download. On the new page, right click the video itself and click Copy Video Link. Paste that between the quotes after "src" in the embed code we've provided above.

Then paste the edited code where you need it on the Run site.

*If your video does not have standard dimensions, edit the width and height as well to match your video dimensions.

Did this answer your question?