HomeEditingApps › Vimeo Video

Vimeo Video

Similar to the YouTube Video tool, the Vimeo Vimeo tool allows you to embed a playable video from Vimeo into any page of your website.

You can embed as many videos as you want, and you don't need to have a Vimeo account.

How to embed a Vimeo video

Embedding a video from Vimeo is simple. You just need to copy and paste the video URL and paste it into a Vimeo Video content block. You can then choose additional options.

1. Copy the URL for the video from Vimeo

Locate the video on the Vimeo website that you'd like to insert into page of your website. Copy the shortened URL that YouTube provides you:
Vimeo video URL

2. Enter the video URL

Click the 'Add content' button on the page you would like to insert the video and select the 'Vimeo video' content type. Paste the URL from the Vimeo website into the appropriate field:
Vimeo paste URL

3. Additional options

Video dimensions
By default, your video will be displayed at 500 by 281 pixels, but you can change that. Other sizes commonly used are 700x394, 900x506, 300x169. You can use any dimensions you want, but try to preserve the same aspect ratio. *** only applicable to older websites. See note on responsive websites below ***

Intro colour (optional)
The colour of the intro text (which appears on top of the video) as well as certain other video elements such as the progress back, play button, etc.

Portrait, Title, Byline: the video creator's thumbnail picture, the title of the video and a short byline can be overlaid on top of the video. These are specified when the video is uploaded to Vimeo.

You can choose whether the video should start playing automatically (Autoplay) and also whether it should loop indefinitely. Typically these options are not checked, as visitors tend to prefer to have control over that.

Optional still frame
By default, before people click on a video that you insert with the Viemo tool to start playing it, Vimeo will display a static frame that it picks from somewhere in the middle of the video (you have no control over that). But you can create your own still frame image, upload it to YWD's Assets Manager and select it, so it will be used as the static/opening frame. Once the visitor clicks on the still frame, the actual video will start playing. YWD will automatically stretch the still frame to match the video dimensions, but for best results try to use an image that's already in the right size. Also, YWD will place a "Play" icon on top of it, so you don't need to include it on your image.

Below is an actual video inserted using this tool:

Note: YWD is now a responsive system; it will automatically resize YouTube and Vimeo videos to the width of their container. If you would like to restrict the width of the video, set it Advanced options of the content block. 

Top of page