NEWMeet the new Video Gallery — YouTube, TikTok, Instagram Reels, Vimeo and Twitch in one widget.
Video Gallery for HTML

HTML Video Gallery for Any Website

Add a video gallery or YouTube video gallery to any HTML page with one snippet — no HTML template, no JavaScript library, no build step.
No credit card needed
Works withStatic sitesSServer-rendered pagesCCMS templatesLanding page builders

Watch Now

Chasing the Morning Swell

Salt & Swell2.4M SubscribersSubscribe on YouTube8.8K412Share
501,718 views 19 days ago

Up before the wind, out past the break, and the kind of glassy morning you wait all season for. Read more

12:07
Chasing the Morning SwellSalt & Swell501K views 19 days ago
10:15
One Wave, Start to FinishTrailhead Films488K views 1 month ago
8:42
One-Pan Lemon Orzo in 20 MinutesSalt & Swell1.1M views 3 days ago
Platform page — the gallery on a html site, its mark on a tile

Trusted by over 3,000,000 small businesses, agencies and top global brands worldwide

Create your HTML video gallery for free

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

The HTML video gallery that works for your business

Show videos from all your channels on your HTML site, keep readers on the page, grow your subscribers and turn views into sales.

loomcraftstudio.com
Loomcraft StudioContact
Loomcraft Studio48K subscribers · 210 videos
Subscribe on YouTube
NEW
Behind the Scenes: Studio Tour
First Descent of the Season: Heli Drop in the Alps
Late Night Ranked Grind
Morning Flow: 10-Minute Full Body Stretch
Restaurant Plating at Home, Step by Step
Where the Pavement Ends: Full Off-Road Test
Book a callFree
1New videos appear automatically
2Visitors watch without leaving your site
3A product card appears after the video
4Visitors subscribe to your channel
Always up to dateNew videos appear on their own — no page edits.
Visitors stay longerVideos play in a popup on your post or page.
More views and subscribersA subscribe button grows your channel from HTML.
Views turn into customersA card after the video leads to a product or booking.
Compatibility

Built for HTML

Works with the editor, theme and page builder you already use.

Any HTML pageWorks wherever you can edit HTML — static hosting, custom CMS, server templates.
Static hostingCustom CMSServer templates

Works with your editor and page builder

Static HTML

Paste the snippet inside <body> where the gallery should appear.

SServer templates

Add it to a partial or layout (PHP, Django, Rails, Liquid…).

Landing page builders

Use the builder’s custom HTML element.

LEmail-safe pages

Link to a page with the gallery — scripts don’t run in email.

Where to use it on HTML See real examples →

Landing pages

One code, a full video section.

Documentation

Tutorial videos next to the docs.

Portfolio

Your reel on a static site.

Microsites

Campaign videos.

Help centers

How-to videos.

Company pages

Culture and team videos.

Fast and safe for your site

No libraries

One async script — nothing added to your build.

Lazy-loaded by default

Loads when visitors reach it.

Edit without redeploys

Change videos in the editor, not in your HTML.

Sources

Every video source on your HTML site

YouTube, TikTok, Instagram Reels, Vimeo, Twitch and videos hosted anywhere — alone or together.

YouTube YouTube Video Gallery →

ChannelEvery upload, automaticallyPlaylistAny public playlistShortsVertical 9:16 cards● LIVELive streamYour broadcast on the pageSpecific videosPick videos by link

Social video TikTok →Instagram Reels →

TikTok channelVideos from an accountTikTok hashtagVideos with a hashtagInstagram ReelsReels from your account

Video platforms and your own hosting Vimeo →Twitch →Any video →

Vimeo showcaseA whole showcaseVimeo userAll public videos● LIVETwitch channelStreams and videosTwitch categoryVideos from a categoryAny video by linkMP4 on your hosting or CDN

Mix and curate

Put several sources into one gallery with tabs, then decide exactly what shows: include or exclude videos by keywords, show only videos published after a date and choose the sort order.

  • Group sources by platform with tabs
  • Include and exclude filters by keywords
  • “Published after” date filter
  • Sorting by publication date
Include: “tutorial”Exclude: “ad”Published after Jan 1Sort: newest
YouTube
Behind the Scenes: Studio Tour
TikTok
First Descent of the Season: Heli Drop in the Alps
Twitch
Late Night Ranked Grind
Instagram
Morning Flow: 10-Minute Full Body Stretch
YouTube
Restaurant Plating at Home, Step by Step
Vimeo
Where the Pavement Ends: Full Off-Road Test
Design

Designed to match your HTML site

Make the gallery look like part of your HTML theme — no generic embed boxes, no code.

Looks like part of your site

Switch between light and dark themes, set your accent color and fine-tune the background, title, channel header, cards, popup and font.

  • Light and dark themes
  • Accent color palette or any custom color
  • Your font and widget title
  • Channel header with banner, subscribers and a follow button
YouTube
Behind the Scenes: Studio Tour
TikTok
First Descent of the Season: Heli Drop in the Alps
Twitch
Late Night Ranked Grind
Instagram
Morning Flow: 10-Minute Full Body Stretch
YouTube
Restaurant Plating at Home, Step by Step
Vimeo
Where the Pavement Ends: Full Off-Road Test
More videos

Seven layouts for every page

Single VideoPlayer with GalleryVideo CarouselPlayer with PlaylistVideo GridVideo PlaylistVideo Masonry

Card and popup styles

Choose Classic, Plain or Minimal cards, and open videos in a classic YouTube-style popup or a vertical TikTok-style viewer. Thumbnails keep each video’s shape — vertical for Shorts and Reels, 16:9 for everything else.

  • Classic, Plain and Minimal cards
  • Classic or vertical popup
  • Adjustable thumbnail aspect ratio
Classic
Plain
Minimal
Behind the Scenes: Studio Tour
Your channel12.4K subscribersSubscribe
Classic popup
♥💬↗
Vertical popup
Results

Built to turn HTML visitors into results

Views are just the start — keep readers on the page and move them to act.

Keep visitors on your page

Videos open in a popup — visitors stay on your page.

Shop now

Turn views into clicks and sales

A card after the video leads to your sign-up, product or booking.

{ } JSON

Get found in search

Schema.org video markup for every video, without writing JSON-LD.

Subscribe +1 subscriber

Grow your views and subscribers

A subscribe button grows your channel from your site.

Plays

Measure what works

Track plays and clicks in Google Analytics.

Installation

Add a video gallery to HTML in 1 minute

Four steps, then everything else happens in the visual editor.

  1. Create your gallery

    Pick a template and connect sources.

  2. Copy the code

    Copy the installation code.

  3. Paste into your HTML

    Put it inside <body> where the gallery should appear.

  4. Publish

    Upload the page — edits in the editor appear automatically.

Step-by-step: HTML Video Tag: Complete Guide.

+ index.html
h<header>
m<main>
s<section>
f<footer>
</>Gallery code
s<script>

Start with a template See all templates →

YouTube ChannelLive preview →
Player with GalleryLive preview →
Video CarouselLive preview →
Video PlaylistLive preview →
YouTube PlaylistLive preview →
Video GridLive preview →
YouTube ShortsLive preview →
““Video TestimonialsLive preview →
$$$Shoppable VideosLive preview →
Single VideoLive preview →
Compare

Elfsight vs. other ways to add video to HTML

How Video Gallery compares with the usual ways to add video to HTML.

Video GalleryHTML video tagYouTube iframesHTML/JS gallery templates
Gallery of many videos✓One per tagOne per iframe✓
YouTube, Vimeo, TikTok, Instagram, Twitch✓Files onlyYouTube onlyVaries
Updates automatically✓———
Popup player and CTA card✓Build it—Varies
No code to maintain✓———
Why Elfsight

Why HTML site owners choose Elfsight

A trusted platform with proven support behind every widget.

#1Top service in the world for website widgets
3M+Users trust Elfsight to upgrade their websites
4.8Rating from thousands of reviews on G2
99.99%Uptime keeping your widgets live

What HTML users say

★★★★★

Review from a HTML site owner goes here.

Name, website · Source
★★★★★

Review from a HTML site owner goes here.

Name, website · Source
★★★★★

Review from a HTML site owner goes here.

Name, website · Source
★★★★★

Review from a HTML site owner goes here.

Name, website · Source
★★★★★

Review from a HTML site owner goes here.

Name, website · Source
★★★★★

Review from a HTML site owner goes here.

Name, website · Source

Add a free video gallery to HTML

Create your gallery, connect your videos and paste one code — nothing to install, no trial and no credit card.

Create Video Gallery widget
Free plan includes
  • Every source and layout
  • Call-to-action, Schema.org and Google Analytics
  • Works with every HTML theme and builder
  • Free forever — limited by monthly widget views
See all plans →
Help

Questions and resources

Frequently asked questions

How do I make a YouTube video gallery in HTML?

For a YouTube video gallery in HTML, connect your channel or playlist in Video Gallery and paste one code into your page — no HTML template or JavaScript to write.

How do I add a video gallery to an HTML page?

Paste the installation code inside the page’s <body> where the gallery should appear.

Do I need an HTML video gallery template?

No. The widget replaces a template: connect your videos, pick a layout and paste one snippet.

Can I use the HTML video tag instead?

Yes for single files — see our HTML video tag guide. The widget adds galleries, playlists and feeds.

Is it free?

There’s a free plan; it’s limited by monthly widget views.

Guides for HTML

HTML Video Tag: The Complete Guide with ExamplesThe HTML <video> element plays video files natively.How 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.Video Embed Code GeneratorGet a free embed code for a video hosted anywhere: an MP4 file, Google Drive, Dropbox, Loom or Wistia.JavaScript Video Player / Gallery.