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

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.
The gallery on a business's site, and the offer that appears after a video

Always up to date

New videos appear on their own — no page edits.

Visitors stay longer

Videos play in a popup on your post or page.

More views and subscribers

A subscribe button grows your channel from HTML.

Views turn into customers

A 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.

Works with your editor and page builder

Static HTML

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

Server templates

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

Landing page builders

Use the builder’s custom HTML element.

Email-safe pages

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

Where to use it on HTML

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 Channel — the profile header and a row of uploads

Channel

Every upload, automaticallyChannel
YouTube Shorts — vertical 9:16 cards in a carousel

Shorts

Vertical 9:16 cardsShorts

Video platforms and your own hosting

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

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

Seven layouts for every page

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.
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.

Turn views into clicks and sales

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

Get found in search

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

Grow your views and subscribers

A subscribe button grows your channel from your site.

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

Compare

Elfsight vs. other ways to add video to HTML

How Video Gallery compares with the usual ways to add video to HTML.
Feature
Elfsight Video Gallery
HTML video tag
YouTube iframes
HTML/JS gallery templates
Gallery of many videos
Yes
One per tag
One per iframe
Yes
YouTube, Vimeo, TikTok, Instagram, Twitch
Yes
Files only
YouTube only
Varies
Updates automatically
Yes
No
No
No
Popup player and CTA card
Yes
Build it
No
Varies
No code to maintain
Yes
No
No
No

Gallery of many videos

Video Gallery

Yes

HTML video tag

One per tag

YouTube iframes

One per iframe

HTML/JS gallery templates

Yes

YouTube, Vimeo, TikTok, Instagram, Twitch

Video Gallery

Yes

HTML video tag

Files only

YouTube iframes

YouTube only

HTML/JS gallery templates

Varies

Updates automatically

Video Gallery

Yes

HTML video tag

No

YouTube iframes

No

HTML/JS gallery templates

No

Popup player and CTA card

Video Gallery

Yes

HTML video tag

Build it

YouTube iframes

No

HTML/JS gallery templates

Varies

No code to maintain

Video Gallery

Yes

HTML video tag

No

YouTube iframes

No

HTML/JS gallery templates

No
Why Elfsight

Why HTML site owners choose Elfsight

A trusted platform with proven support behind every widget.
#1
Top service in the world for website widgets
3M+
Users trust Elfsight to upgrade their websites
4.8
Rating 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
Help

Questions and resources

Frequently asked questions

Guides for HTML

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.How to Embed a Video on a Website (Any Platform)

Video Embed Code Generator

Get a free embed code for a video hosted anywhere: an MP4 file, Google Drive, Dropbox, Loom or Wistia.Video Embed Code Generator