Vimeo has grown to become a popular video sharing website, as an alternative to others like YouTube. Especially within education, business and marketing. It has become possible to upload video content to Vimeo and embed it within web pages made with RapidWeaver. This could be a great option if you have high quality video content you need hosted, yet you still want to use it within your own website.

What this stack does is to provide a code-free method towards embedding Vimeo video content in your RapidWeaver built website. This video will effortlessly scale to fit any screen size. Plus you have over a dozen powerful options to customise the playback behaviour and do things that the ordinary Vimeo embed code doesn't do. The choice of settings offered to you in VimStack exceeds what's available in quite a number of other Vimeo embed stacks for RapidWeaver.

The VimStack uses the normal Vimeo player controls. Only the colour of the buttons can be changed. If you require a stack that provides greater customisability, consider using the MultiPlayer or TopBox stacks instead.

Example

This is an example of the VimStack, with the default options applied.
 


Because the video is loaded from Vimeo, opt-in consent using a stack like CookieManager or MiniCookie is mandatory, for compliance with privacy laws.

Try resizing the browser window to see how the video scales in size, without cropping.

Customisable settings

You can change the following settings and parameters using VimStack v2:
  • Video ID
  • Player controls colour
  • Playback quality
  • Start time (in minutes and seconds)
  • Auto Play
  • Auto Pause
  • Background video
  • Bylines
  • Do Not Track
  • Hide in PDF / Print Output
  • Keyboard controls
  • Title display
  • PIP (Picture In Picture)
  • Plays inline for mobile
  • Display the author profile image
  • Loop the video
  • Start the video muted
  • Present playback speed controls
  • Embed in ExtraContent
Please note that some settings only take effect for video content uploaded by paid Vimeo users. For example, the background video, speed controls and playback quality only work on Vimeo plus or pro accounts and higher. VimStack cannot detect what sort of Vimeo account you have. If you have queries about what is and is not supported for embedded video, please consult with the Vimeo support pages, on their website.

Setup

Follow these instructions to quickly get VimStack working in your RapidWeaver website.
  1. Download and install VimStack in the normal way.
  2. Once installed, open the Stacks Library and search for 'VimStack'. Drag and drop a copy of the stack into your page.
  3. Go to the Vimeo website and find the video you want to use. You need the video ID. If the video URL is something like https://vimeo.com/129662834 in the browser address bar, then you know the ID will be 129662834. Copy the ID to your clipboard (CMD + C).
  4. Within the stack settings, enter the video ID (replacing the sample one already shown). Only enter the video ID in the same format replacing the one already shown - NOT the full video URL, embed code or anything else!
  5. Customise any of the other settings shown to you, if needed. All settings are tool-tipped with information about what they do.
  6. Preview the page to see the result. Save the changes and export or publish your website when done.

Only video content marked as 'public' will work inside VimStack. You cannot expect this stack to work with video content that has been marked as private or blocked from being embedded within websites external to Vimeo. High-resolution video may only work if it's owned by a 'plus' or 'pro' account user.
 

Contribute

If you find this stack element useful in your personal or commercial web projects; please consider making a small contribution towards ongoing support and updates. There are many different ways you can contribute to the Stacks4Stacks project, and benefits for doing so.