Skip to main content
All CollectionsIntegrations
How to add videos to your landing page
How to add videos to your landing page

In this article you’ll learn how to include videos in Onepage.

Jacob avatar
Written by Jacob
Updated over a month ago

Videos can be a strong visual element on your landing page. You can add videos in Onepage with just a few clicks.

⚠️ Important: It is not possible to upload videos from your local storage directly into Onepage.

Instead, the video must be hosted on a video sharing platform. Currently, we support these platforms:

  • YouTube

  • Vimeo

  • Wistia

  • Facebook

  • YouTube Shorts

  • Twitch

  • Loom

  • TikTok

In case, you wish to use a different platform, there is always the option to integrate video via custom code.

🧩Video as an element.

Most of the sections in Onepage allow adding media, including videos.

You can add a video to virtually any part of your site by customising the sections.

Step 1: find and add the video element.

Open the editing menu. Here you can add new elements.

A list containing elements will be opened. Go to “+Add element” and find the "Video" Element.

Step 2: add the URL.

Please copy the URL of your video and paste it here:

Step 3: customise the video.

Underneath the link you will find various means of displaying options.

Here are the most used features.

*Click on the needed feature, and a short explanation will be displayed.

Autoplay

Please note, if you activate autoplay, the video will be muted and looped automatically.

Show/hide controls

The controls are enabled in the "Button" and "Cover-image" type by default, but not in the "Embedded" type. In this case, you must activate the option manually.

Loop/mute

By default, the video is not looped or muted, but you can change this if needed. Besides, the video is looped and muted automatically, if you set it to autoplay.

Open in modal

Image preview

Aspect ratio

"Play" button style

This section offer various design options for the play button.

The most important of them are:

  1. The play button text:

  2. Button animation:

👩‍🎨Video as background of a section.

You have the option to put your video as a background of a section.

Step 1: Open the background settings of your section.

Step 2: Add video URL.

Step 3: customise the video.

Here are some options, which you can use:

*Click on the needed feature, and a short explanation will be displayed.

Parallax

This feature allows you to magnify the video. It can be helpful in correcting black lines that appear when the video is not in the correct aspect ratio.

Fallback image

This feature adds a picture, which is shortly displayed before the video is played. It is sometimes used to compensate for possible slow internet connections of end users, which may result in longer video loading times.

Overlay

This is mostly used for design purposes. This feature adds either a solid or gradient colour overlay to your video. The colours are defined by your project settings and if you wish to have a different colour, please change it in the "design" section.

You will find more information in this article.

🌐Integrating video via code.

If you are using a platform with which we do not have a direct integration at the moment, there is always the option of integrating a video via custom code.

In this case, please read the following article.

How to integrate custom code into a section

💡Do you have any feedback concerning this article? Please let us know through our live chat so we may keep it up to date. Thank you! 🙂

Did this answer your question?