Video embeds that look like your site
Paste a link. Change the colours, the controls, the play button. Copy code that works anywhere.
An embed is a rectangle you rent
None of the video lives on your site. Your page describes a space and names a video, and the platform does the rest.
Your page reserves a box
A rectangle of the right shape, held open before anything loads, so nothing jumps when the video arrives.
The platform fills it
YouTube, Vimeo or whoever holds the file serves the player and the video. Nothing is uploaded to your site.
They carry the cost
Their bandwidth, their transcoding, their quality switching on a bad connection. You are paying for a rectangle.
The difference from YouTube's own embed code
Share, then Embed
- The whole player downloads before anyone presses play
- YouTube colours, YouTube icons, YouTube play button
- Suggested videos at the end, with no way to turn them off
- Cookies set on load, so it lands in your consent banner
- One format: an iframe tag
What this generates
- A thumbnail loads. The player waits for a click
- Your accent, your icons, your play button, your watermark
- Your own control bar, with volume, speed and fullscreen
- Named timestamps that jump without reloading the video
- Eight formats, from plain HTML to a React component
- 13 KB
- of stylesheet
- 21 KB
- of script
- 0
- dependencies, and no call back to this site
Both figures are before compression and both are inlined into what you copy. Delete this site tomorrow and your embeds keep working.
Five looks, one click
Every preset below is a real embed running the same code the tool generates. Switch between them, check it at phone width, then take whichever one you like into the builder.
Dark bar under the video. Press play: the bar, the timestamp buttons and the marks on the scrub track are all yours, driving YouTube through its own API.
Edit this oneLinks it reads
- YouTube
- Vimeo
- Loom
- Twitch
- TikTok
- Wistia
- Dailymotion
- Streamable
- Your own MP4
Share links, short links, embed links and timestamps all parse. Vimeo privacy hashes and YouTube playlists are carried through.
Code it writes
- HTML
- React
- Next.js
- Astro
- Vue
- MDX
- WordPress
- Webflow
Every format comes from one description of the embed, so they cannot disagree with each other or with the preview.
Written guides
Straight answers to the things that go wrong, written for whoever has to get the video onto the page.
- How to put a YouTube video on your websiteWhat embed code is, how to get it, and exactly where it goes in WordPress, Squarespace, Wix, Webflow, Shopify and a plain HTML page.
- How to make a video play automaticallyAutoplay only works with the sound off, and that is a browser rule rather than a setting anyone can change. What to do about it.
- How to make a video loop on your websiteLooping is one checkbox here and a strange piece of trivia everywhere else. Why the usual instructions quietly fail on YouTube.
- How to start a video at a specific momentSkip the intro, jump to the part that matters, or trim both ends, without editing or reuploading anything.
- How to hide the YouTube logo, title and suggested videosAn honest list of what can be removed from a YouTube embed, what cannot, and the one approach that gets you a genuinely clean player.
- How to add clickable chapters to a videoNamed buttons that jump straight to a moment, so nobody has to drag a scrub bar hunting for the bit they came for.
- Why your page got slower after you added a videoA video player downloads about a megabyte before anyone presses play. What that does to your site and how to stop paying for it.
Common questions
- Why does my autoplaying video not start?
- Browsers block autoplay when the video has sound. Chrome, Safari, and Firefox all require the player to be muted before they will start it without a click, so autoplay and mute have to be turned on together. Turning on autoplay here turns on mute with it, because that is the only combination a browser will honour.
- Why does loop do nothing on my YouTube embed?
- On a single video, loop=1 is ignored unless the playlist parameter is also present and set to that same video ID. It is a quirk of the YouTube player rather than a bug in your code. The builder adds the playlist parameter for you whenever you turn looping on.
- Why is a single video embed slowing my page down?
- A standard YouTube iframe pulls in well over a megabyte of scripts and styles before anyone presses play, and it competes with your own code for the main thread. Loading a thumbnail first and only fetching the player on click avoids nearly all of that cost.
- Is anything I paste here sent to your servers?
- No. The builder runs entirely in your browser and the site has no backend to send anything to. Your video link is read locally, and the configuration is kept in the page URL after the hash, which browsers never transmit to a server.
Paste a link and see
No account, nothing uploaded, nothing stored on a server. The whole tool runs in your browser.
Open the builder