VimeoTM has grown to become a popular video sharing website. Users with VimeoTM 'Pro' accounts are able to embed high-resolution (e.g. 4k) video into their websites and continue to get viewing statistics. Our VimeoTM video player is mobile responsive and incorporates some additional features. We have also changed some of the underlying source code, so that the HTML code is valid - it is very important to have valid HTML5 code in websites.

The VimStack uses the normal VimeoTM player controls. Only the colour of the buttons can be changed. If you require a stack that provides greater customisability, consider using the Multi Player stack by RWExtras instead.

Example

This is an example of the VimStack, with the default options applied.
 
You will note from the above that VimStack only embeds the video and nothing else. You would probably want to provide a paragraph of text under the video, telling a user what it is about and providing the link back to the original page on VimeoTM.

Setup

Follow these instructions to get VimStack working in your webpage.
  1. Once installed in RapidWeaver / Stacks, open the Stacks Library and search for 'VimStack'. Drag and drop a copy of the stack into your page.
  2. Go to the VimeoTM website and find the video you want to use. You need the video ID. If the video URL is something like https://vimeo.com/943213941 then I know the ID will be 943213941. Copy the ID to your clipboard.
  3. Within the stack settings, enter the video ID replacing the sample one already shown. Only the number - NOT the full video URL.
  4. Customise any of the other settings shown to you, if needed. All settings are tool-tipped with information about what they do.
  5. Preview the page to see the result. 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 VimeoTM. High-resolution (e.g. 4k) video is only supported if you have a VimeoTM Pro account.

VimStack can be placed inside other stacks on your webpage (like columns). Although multiple VimStacks can be used on the same webpage, beware that they do not interact with each other or with other audio / video players you might be using. One VimStack per webpage or blog post is normally more desirable.

Theme compatibility

VimStack is compatible with all ThemeFlood themes, and should work with some themes by other developers too.
 

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.
Bookmark or share this page
Baidu 百度
Blogger
Delicious
Digg
Facebook
Google+
LinkedIn
LiveJournal
MySpace
Pocket
Одноклассники
Reddit
Renren 人人网
StumbleUpon
Tumblr
Twitter
ВКонтакте
Weibo 微博
XING
Contact Us
Email This Page
Print This Page
PS: This bookmarking and sharing popup is powered using our brilliant SocialPopup stack!
We use cookies and other services to give you the best possible experience on our website. If you continue without changing settings, we'll assume you are happy with this.