7. Video

Learn how to easily add videos from various sources like YouTube, Vimeo, or a custom URL to your webpage with Stylie's easy-to-use website builder, and customize video settings including size, auto play, mute, and more.


Adding videos to your webpage can significantly improve user engagement and add visual appeal to your content. With Stylie's easy-to-use website builder, you can effortlessly embed videos from various platforms like YouTube, Vimeo, a custom hosted video, or an external URL.

To add a video to your webpage, follow these steps:

  1. Navigate to the 'Add Elements' section.
  2. Under 'Media', select the 'Video' element.
  3. Click, hold and drag the video element and drop it where you want it on the page. You'll see that it comes with a default link, which can be replaced with the video of your choice.

Interacting with the video element by clicking on it will open up an options toolbar. You can resize the video using the handlebars at the corners by clicking, holding, and dragging them. You can also modify the size under the settings tab by adjusting the percentage or specifying the dimensions in pixels.

Stylie allows you to customize how your video displays on the webpage:

  1. Go to the video options on the left. Here, you can choose from YouTube, Vimeo, custom video, or an external URL.
  2. To use a YouTube video, for example, replace the default link with the URL of your desired YouTube video.
  3. You can also set the aspect ratio for the video. The default ratio, especially for YouTube videos, is 16:9.

Stylie's advanced settings offer further control over your video display:

  1. You can disable control branding.
  2. You can set the video to autoplay, or start in mute mode.
  3. Looping options are available if you want the video to play continuously.
  4. A 'Lazy Load' option for efficient loading of the video.
  5. Privacy Mode to protect viewer data.
  6. You can specify the start and end time of the video in seconds.

Additionally, you can design your own video thumbnail and style the play button. The video element also allows you to add filters and colors for the background, border, and shadow. Once you've resized the video, you can align it to the left or right.

These are similar steps you can take for videos from Vimeo, custom URL or external URLs. For custom URL, you need to upload your video file. The advanced settings will offer options like control settings, size adjustments, and autoplay/mute options. For the URL link, simply paste in your desired video link.

With Stylie, you can also tweak the video's appearance under 'Settings and Styling'. Here, you can adjust padding, margins, and even apply a rounded effect to your video.

In conclusion, Stylie provides an intuitive and user-friendly platform to enrich your website content by embedding videos, allowing you to enhance user engagement and provide a richer multimedia experience.

👆 You’re all caught up