Embed a Vimeo Video

To embed a video on a page from Vimeo, first of all find the Vimeo video ID for the video you wish to embed. If you’re looking at the video in your web browser, then you can easily find the video ID from your address bar:

 

Now simply copy the following embed code in to an HTML module on a page in the CMS:

<!DOCTYPE HTML>
<html>
<head>
<title>Vimeo Embed</title>
<meta name="viewport" content="width=device-width,initial-scale=1" />
<style>body { margin: 0; }</style><style>
.tabweb-video-container
{ position: relative; padding-bottom: 56.25%; padding-top: 35px; height: 0; overflow: hidden; }
.tabweb-video-container iframe
{ position: absolute; top:0; left: 0; width: 100%; height: 100%; }
</style></head>
<body><div class="tabweb-video-container"><iframe src="https://player.vimeo.com/video/248293269" width="100%" height="600px" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe></div></body>
</html>

Then replace the example Vimeo ID here (shown in red italics), with the one for your own video.

With this in an HTML module on your page, press Save and Publish.

Please note – if you’re trying to embed a Vimeo video that is set to to private, you may have to choose to allow for the video to be embedded in our CMS in the Vimeo settings.