Guides

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

Start hereHow to Embed a Video on a Website (Any Platform)

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.

Read the guide →

Add video to your platform

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

How to Add Video to WordPress: 4 Easy WaysUse 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 MoreAdd 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 SquarespaceUse 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 WixUse 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 WebflowUse 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 VideosAdd ?autoplay=1&mute=1 to the YouTube embed URL.22 min read →How to Autoplay Video on a WebsiteBrowsers only autoplay videos that start muted.6 min read →How to Add a Video Background to Your WebsiteUse 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 WebsiteUse 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 ExamplesThe HTML <video> element plays video files natively.26 min read →YouTube IFrame API: A Practical GuideThe 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 WordPressChoose a WordPress video gallery by sources (YouTube, Vimeo, TikTok…), layouts, page speed and maintenance.5 min read →Best Video Player for Your WebsiteFor your own files, an HTML5 player library (Video.js, Plyr) or a video platform’s player works well.5 min read →Best Shopify Video AppsShopify 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