Vimeo Element

Last Update: May 21, 2024

Adding a Vimeo video to your website has never been easier thanks to the Avada Builder Vimeo Element. Just add the vimeo video ID and away you go. It’s even got built in responsive features, so you don’t have to worry about the size of your videos! Read below to discover more about the Vimeo Element!

For privacy reasons YouTube needs your permission to be loaded.

How To Use The Vimeo Element

Adding a Vimeo video to your content couldn’t be easier with the Vimeo Element. To start, simply add the element to your desired column.

Now you have the options window open. The first and most important step is to place the Vimeo video ID into the Video ID field. This is the the end section of the url; for example the Video ID for https://vimeo.com/75230326 is 75230326.

In the Alignment field, you can choose the alignment of the video in the column you are placing it in. The dimensions of the video are next. This is in pixels, but you just enter a number. Vimeo videos do not force an aspect ratio, however, the most common one is 16:9. When entering the dimensions with this element, the only really important one is the width. The video will display at its native aspect ratio.

There are a couple more options you can select. One is Autoplay, which by default is set to No, as it’s generally not considered good Netiquette for videos to autoplay, and there is an option for additional API parameters. The most common of these is &rel=0, which will disable related videos at the end of the video playing. There is also a Video Facade option, to help with page speed.

Element Options

General

HeadingDescription
Video ID or UrlFor example the Video ID for https://vimeo.com/75230326 is 75230326.
AlignmentSelect the video's alignment.
DimensionsVideo dimensions in pixels. If only one dimension is provided the video will be adjusted to 16:9 ratio.
Start TimeSpecify a start time for the video (in seconds).
Autoplay VideoSet to yes to make video autoplaying.
Mute videoSet to yes to make video muted.
Additional API ParameterUse additional API parameter, for example &rel=0 to disable related videos.
Title AttributeSet the title attribute for the iframe embed of your video. Leave empty to use default value of "Vimeo video player #".
Video FacadeEnable video facade in order to load video player only when video is played.
MarginEnter values including any valid CSS unit, ex: 4%.
Element VisibilityChoose to show or hide the element on small, medium or large screens. You can choose more than one at a time.
CSS ClassAdd a class to the wrapping HTML element.
CSS IDAdd an ID to the wrapping HTML element.

Extras

HeadingDescription
Structured DataEnable video structured data for better SEO.
Upload DateSelect video upload date.
Video DurationInsert the video duration.
Video TitleInsert the video title.
Video DescriptionInsert the video description.

In this article