Product
Builder

Create, publish and optimize pages with a drag&drop, pixel perfect and mobile-friendly builder

Templates

Speed up the creation process with 400+ customizable templates for landing pages, pop-ups and sections

ai_assistant
AI Assistant

Refine your messaging with AI-generated text, SEO and image edition. All in one app

AB testing
A/B Testing

Test and compare page variants for data-driven decisions and valuable insights on users interactions

EventTracker

Track microconversions in your Dashboard and analyze events and clicks with visual map

Integrations

Integrate your pages with your favorite mar-tech apps and solutions to get the flow of your campaign going

ecommerce
E-commerce

Drive sales and conversions with irresistible product displays and seamless shopping experiences

infrastructure
Infrastructure

Use a reliable and secure platform that smoothly handles millions of visits

Resources
Blog
Blog

Master digital marketing with the help from savvy professionals and increase your website’s conversions

Help Center
Help Center

Guides for beginners, set-up instructions and creation tips to get started and optimize your pages

LPA
Landing Page Academy
FREE

A free online course for landing page creators! Learn the secrets of high-converting pages and become an expert

Contact
Contact

Get the answers you’re looking for – contact us

Demo
Demo

Schedule a one-on-one meeting with us and learn more about the benefits of our platform

Pricing
Sign in
Start free trial
Home Help Center Video from YouTube/Vimeo

Video from YouTube/Vimeo

Written by:

Magdalena Dejnak

Last updated:
TABLE OF CONTENT

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. See the second part of this guide.

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;
  • Show subtitles – works only for YouTube videos and for subtitles added by a video owner.

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 not be available for your YouTube video, as the YouTube platform may turn off this option on external websites.

Live streaming

IMPORTANT: We don’t support live videos from Vimeo. Use the YouTube Studio to display a live video on your landing page.

1. Go to your YouTube Studio and create a stream.

2. During the stream setup, mark your stream as public.

3. When the stream setup is done, click Share.

4. Copy the video link.

While streaming, you can get a video link by clicking the share button.

5. Go to the Landingi editor, use the Video widget, and paste your link.

6. Publish your landing page.

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.

How to embed YouTube Shorts?

NOTE: This method uses the HTML widget which is not available with the Core plan.

1. Open a Shorts video on the YouTube platform.

2. Copy the video link (found in the address bar of your web browser).

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

4. Copy the code:

<iframe width="315" height="560"
src="https://www.youtube.com/shorts/shorts_video_code"
title="YouTube video player"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
allowfullscreen></iframe>

Change the URL in src parameter to the copied URL. Also, replace the shorts with embed in the video URL. Example:

TIP: Optimal size for a Shorts video is 315px x 560px. You can change the size based on your needs but make sure to maintain the aspect ratio.

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.

To view Shorts in a cinematic mode, substitute shorts with video in the URL address, e.g.: www.youtube.com/shorts/001122 > www.youtube.com/video/001122.

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

Related articles