Video guides

Step-by-step guides to adding, embedding and optimizing video on any website — from WordPress and Shopify to HTML and React.

How to embed a video on a website (any platform)

Start here

Upload the video to YouTube or Vimeo and paste its embed code, use the HTML5 video tag for files you host yourself, or use a video gallery widget when you need several videos. Here’s how each method works and when to use it.

Add video to your platform

Step-by-step for the most popular website builders.

How to add video to WordPress: 4 easy ways

Use the Video block for a file, the Embed block for YouTube or Vimeo, a Custom HTML block for embed codes, or a video gallery for several videos.

16 min read

How to add video to Shopify: product pages, homepage and more

Add video to Shopify product media, use your theme’s video section, or paste embed and widget codes into a Custom Liquid section.

6 min read

How to add video to Squarespace

Use the Video block for YouTube or Vimeo, a video section background for hero loops, or a Code block for embed and gallery codes.

6 min read

How to add video to Wix

Use Wix Video or a Video Box for single videos, and Embed HTML for embed codes and video galleries.

5 min read

How to embed video in Webflow

Use the Video element for YouTube or Vimeo, a Background Video for hosted MP4 loops, and Code Embed for custom players and video galleries.

6 min read

How to add a video gallery to a site built with AI (Lovable, v0, Bolt, Base44, Replit)

AI site builders generate React or HTML code, so you can add a video gallery by pasting its installation code into the generated page — or asking the AI builder to add it for you.

5 min read

Video how-tos

Autoplay, backgrounds and making video fast.

How to autoplay embedded YouTube videos

Add ?autoplay=1&mute=1 to the YouTube embed URL.

22 min read

How to autoplay video on a website

Browsers only autoplay videos that start muted.

6 min read

How to add a video background to your website

Use a short, muted, looping MP4 behind your content, with a poster image and a dark overlay for readable text.

19 min read

How to optimize and compress video for your website

Use MP4 (H.264/AAC), keep resolution at 1080p or less, compress to a sensible bitrate, add a poster image and lazy-load videos below the fold.

18 min read

For developers

HTML video and the YouTube player API.

HTML video tag: the complete guide with examples

The HTML <video> element plays video files natively.

26 min read

YouTube IFrame API: a practical guide

The YouTube IFrame Player API lets JavaScript control an embedded player: load videos, play, pause, seek and listen for events.

19 min read

From the blog

Comparisons and roundups.

Best video gallery plugins for WordPress

Choose a WordPress video gallery by sources (YouTube, Vimeo, TikTok…), layouts, page speed and maintenance.

5 min read

Best video player for your website

For your own files, an HTML5 player library (Video.js, Plyr) or a video platform’s player works well.

5 min read

Best Shopify video apps

Shopify video apps range from shoppable video platforms with in-video checkout to video galleries that add product videos and UGC to your pages.

5 min read

Video.js vs react-player vs hls.js vs Plyr: which video player library?

Video.js is a full, plugin-rich player; Plyr is a light, good-looking player; react-player wraps many sources for React; hls.js adds HLS streaming to browsers that lack it.

21 min read

Skip the manual work

No embed codes to copy one by one: create a Video Gallery, connect your channels and add every video to your site at once — free.

1. Choose a template
2. Connect your videos
3. Add to website