HTML Video Gallery widget
Bring videos from YouTube, Instagram, TikTok, Vimeo, Twitch, and more into one modern gallery on your HTML website to engage visitors and make content easier to explore.
Create Widget for Free
No credit card needed
Trusted by over 3,000,000 small business, agencies and top global brands worldwide
Create your Video Gallery widget
Configure your video player HTML code and add it to your website for free!
Why People Love Elfsight
A custom HTML website gives you full control over your pages, but building a polished video gallery from scratch can take considerable time. Elfsight Video Gallery gives you a ready-made way to turn tutorials, product videos, customer stories, portfolio pieces, social clips, and other content into an engaging video section.
Add videos by link from YouTube, Instagram, TikTok, Vimeo, Twitch, or a custom source and manage everything from the Elfsight editor. Pin important videos, organize larger collections with filters and sorting, and enable the mini-player to keep viewers watching as they explore the page. You can also decide what happens after playback and use an end card to lead visitors toward relevant content or offers.
Once your gallery is ready, simply copy the generated embed code and place it in your website’s HTML – there’s no need to build the gallery logic or styling yourself.
Did you know?
According to Wyzowl’s 2026 research, 82% of video marketers say video has helped keep visitors on their websites longer.
Add a richer video experience to your website without developing it from the ground up – create your HTML video player with Elfsight for free.
Key Features of the HTML Video Gallery
Here’s what makes the Video widget a flexible option for HTML websites:
- Multiple video sources: Display videos from YouTube, Instagram, TikTok, Vimeo, Twitch, and Custom Source together in one gallery.
- Ready-made presentation: Add a polished video section to landing pages, portfolios, business websites, resource hubs, and other custom pages.
- Pinned videos: Keep featured tutorials, projects, campaigns, or other priority content at the beginning of your gallery.
- Filters and sorting: Make larger video collections easier to navigate and help visitors discover relevant content faster.
- Mini-player: Keep the current video visible while users continue exploring the page.
- Flexible video behavior: Replay a video, start the next one, display an end card, or show an end card before continuing to the next video.
- Responsive layout: Give visitors a comfortable viewing experience across desktop, tablet, and mobile.
Try all features in the free editor – no signup required.
How to Embed a Video in HTML
You can create and add your videos into an HTML website in a few quick steps, no coding needed:
- Choose a Template: Open the Elfsight editor and select a template that works for your website and content.
- Add Your Videos: Paste links from YouTube, Instagram, TikTok, Vimeo, Twitch, or use Custom Source to create your gallery.
- Customize the Widget: Choose the layout, adjust the appearance, set up filters and sorting, enable the mini-player if needed, and configure the behavior after playback.
- Copy the Embed Code: Click “Add to website for free” and copy the installation code generated by Elfsight.
- Paste It Into Your HTML: Open the HTML file for the page where you want the gallery, paste the Elfsight code into the
<body>at the required position, save your changes, and publish the updated page.
Need help with installation? Visit the Elfsight Help Center for detailed setup instructions, explore our tutorials, share feature requests through the Wishlist, or follow the latest Video Gallery updates in the Changelog.
Can I add videos to any HTML website?
Yes, if you can edit your website’s HTML and add the Elfsight installation code, you can embed Video Gallery into your page.
This makes the widget suitable for custom-built websites, static HTML pages, landing pages, portfolios, and other projects that allow third-party embed code.
Where should I paste the video player HTML code?
Paste the generated Elfsight code inside the
Do I need to write JavaScript or CSS to use the widget?
No, you don’t need to build the gallery with JavaScript or create its styling manually.
Configure the content, layout, and appearance in the Elfsight editor, then copy and paste the generated installation code into your HTML page. In this sense, the editor works like an HTML video embed code generator, preparing the code you need for the finished gallery.
What video sources does the Video Gallery support?
The Video Gallery supports YouTube, Instagram, TikTok, Vimeo, Twitch, and Custom Source.
You can bring videos from several supported platforms together and present them as one consistent gallery on your HTML website.
Can I combine videos from different platforms in one gallery?
Yes, you can add videos from YouTube, Instagram, TikTok, Vimeo, Twitch, and custom sources to the same Video Gallery.
This makes it easy to create one organized collection even when your videos are published across several different platforms.
Can I upload video files directly to Elfsight?
No, Video Gallery works with video links rather than direct file uploads.
Publish or host your video through a supported source first, then add its URL in the Elfsight editor to include it in your gallery.
What is Custom Source in Video Gallery?
Custom Source gives you an additional way to add supported video content when it doesn’t come from one of the listed platforms.
Choose Custom Source in the editor, provide the required video link, and include it alongside the other videos in your gallery.
Can I make certain videos appear first?
You can pin selected videos so they appear at the beginning of your gallery.
Choose the videos you want visitors to notice first and pin them from your content list. This is useful for featured projects, important tutorials, current campaigns, new releases, or other priority content.
Can I use filters and sorting in my HTML Video Gallery?
Yes, filters and sorting make larger video collections easier for visitors to browse.
They can be especially useful for resource libraries, portfolios, tutorial collections, product videos, or galleries containing several different types of content.
Can visitors continue watching with the mini-player?
You can enable the mini-player to keep the active video visible while visitors continue exploring other content on the page.
This creates a smoother viewing experience without requiring the main video player to remain in the center of the screen.
How is Video Gallery different from basic HTML video players?
Basic HTML video players are useful when you simply need to place an individual video on a page. Video Gallery is designed for presenting and managing a broader collection of video content.
You can combine multiple sources, pin important videos, add filters and sorting, use a mini-player, and control what happens after playback. If you’re comparing options for the best HTML video player for a content-rich website, these additional gallery features may be useful when a single player isn’t enough.
What happens after a video finishes?
Use the Video Behavior settings to choose what follows playback. You can replay the current video, play the next video, show an end card, or display an end card and then continue to the next video.
The end card can include a promotional banner that directs visitors toward another page, product, service, offer, resource, campaign, or other relevant next step.
Pricing
14-day money back guarantee. Risk-free, you can cancel at anytime.
Elfsight Apps
Multi-platform software
from $0 / month
start with free plan
Unlimited websites
Premium customer support
Charge-free installation support
Special offer for multiple apps
Flexible design
