Video from YouTube/Vimeo

Last updated: July 1, 2022 Written by: Avatar Teresa
share
Table of contents
share
Table of contents

If you want to put a clip from YouTube or Vimeo on your landing page, you can quickly implement it in the Video widget. You can also embed a video with the HTML widget.

The video widget

1. Log in to your Landingi account and go to the editor of your landing page.

2. On the left side of the editor, find the Video widget, then drag and drop it into the active area of your landing page.

3. In the right-side panel, find the Video settings tab and paste the path of your video into the Video URL field.

If you use a Vimeo clip, make sure that its URL is in a form: https://vimeo.com/example. Videos from a player (https://player.vimeo.com/example) won't work.

NOTE: We don't support live videos from Vimeo. If you want to display a live video on your landing page, try using the YouTube platform.

You can also set some other functions:

  • Autoplay – the video starts automatically;
  • Related Videos – displays related videos from other channels;
  • Loop – means that your video will be displayed again and again;
  • Title – the video title appears;
  • Controls – control buttons appear;
  • Mute – the video starts mute automatically.

IMPORTANT: Some functions automatically turn on others, e.g., Autoplay turns on the Mute function.

4. Publish your landing page.

Check if the video is displayed correctly.

NOTE: Full screen mode may be not available for your YouTube video, as the YouTube platform may turn off this option on external websites.

Embedding a video with the HTML widget

NOTE: The HTML widget is not available with the Core plan.

1. Open the video on YouTube or Vimeo platform.

2. YouTube:

Click Share under the video.

Click Embed.

Copy the code.

You can change the width and height of your video:

3. Vimeo:

Click Share under the video.

Copy the code from the Embed field.

Click Show options to change the width and height of your video:

4. Go to the editor of your landing page. Find the HTML widget, then drag and drop it into the active area of the editor.

5. Double-click the HTML widget to edit it. Paste the code in the Add HTML code field. Then Save & close.

6. Publish your landing page.

See if your video displays correctly. If needed, go back to the editor and adjust the HTML widget's position.

Browse all integrations in our Integrations Catalog to see tools you can connect Landingi with.

share

Was this manual helpful?