Embed code generator

Video Embed Code Generator: iframe, Markdown, and HTML

QUICK ANSWER

Paste a Clipy watch link or public id and get copyable embed code: an iframe for websites and CMS blocks, a Markdown link for GitHub and docs, and a plain HTML link as a fallback. Set an optional start time and size, and preview the real embed before you copy anything.

  • iframe, Markdown, and HTML output
  • Optional start time (?t=)
  • Custom width and aspect ratio
  • Live preview of the real embed
  • Strict validation — no broken links

The recording must be public (or unlisted) to embed. A private recording's embed will show a "not available" message instead of the player.

Clipy
Your next step

Still emailing video files?

Record and share free with Clipy. No watermark, no viewer signup.

  • A 30-second recording beats an attachment
  • Viewers just click, no signup wall
  • Agent-readable links: AI summary, key moments, transcript
  • Free forever, no watermark, no install
Yes, share links instead

No credit card. Viewers never need an account.

Why this tool exists

  • Runs entirely in your browser. The recording data itself is fetched only when the preview iframe loads it.
  • No signup, no watermark, no usage cap.
  • Only accepts real clipy.online watch links or public ids.
Trusted by creators at startups, agencies, and Fortune 500 teams.
Free forever, no signup, no watermark.

How it works

  1. 1

    Paste a Clipy watch link or public id

    Copy the URL from a Clipy watch page (or just the id at the end of it) and paste it in. Anything that isn't a real clipy.online watch link is rejected with a specific reason.

  2. 2

    Optionally set a start time and size

    Add a start time in mm:ss to have the embed jump straight to a moment, and set a width and aspect ratio to match where you're embedding it.

  3. 3

    Copy the snippet you need

    Use the iframe code for a website or CMS, the Markdown link for GitHub or docs, or the plain HTML link as a fallback. Each has its own copy button.

Why three formats instead of one

An <iframe> only works where the destination actually renders raw HTML. Most Markdown renderers — GitHub READMEs, GitHub issues and PRs, most wiki and docs platforms — strip iframes outright for security reasons, so an iframe snippet pasted into a GitHub issue simply won't render. In those places a plain link that opens the real player is the correct output, which is why this tool also generates a Markdown link and a bare HTML link alongside the iframe.

What the validation actually checks

The parser accepts a bare public id or a full clipy.online watch URL. It rejects a different domain outright, including lookalikes (a domain that merely contains "clipy.online" as a substring) and Clipy's own CDN subdomain, and it rejects a clipy.online URL that isn't actually a watch page. That way the embed code this tool generates always points at something real.

Sister tools

Need to share a one-off file instead of a recording? Share a file gets you a public link for up to 2 GB. If you're looking to record the thing you want to embed in the first place, Clipy gives you an instant, embeddable share link the moment you stop recording — no watermark, no signup wall for viewers.

Common questions

What can I paste into this tool?

A full Clipy watch link (https://clipy.online/video/<id>) or just the public id from that URL. Anything else — a different domain, a non-watch clipy.online page, or a malformed link — is rejected with a specific reason instead of silently producing broken embed code.

Why does my iframe show "not available" instead of the video?

The embed route only serves public and unlisted recordings. If the recording's share setting is private, the iframe intentionally shows a short message and a link to open it on Clipy instead of embedding the actual player.

Does the start time actually work in the iframe?

Yes. Setting a start time adds ?t=<seconds> to both the iframe src and the watch/Markdown/HTML links, and the embed page seeks to that timestamp once the player loads.

Which embed code should I use: iframe, Markdown, or HTML?

Use the iframe code for any page that renders raw HTML (a website, a CMS with an HTML block, Notion's embed block). Use the Markdown link for GitHub READMEs, GitHub issues/PRs, and any Markdown-based docs or wiki — most Markdown renderers don't execute iframes, so a plain link that opens the real player is the safer default there. The HTML link is the same idea for plain-HTML contexts that don't allow iframes either.

Can I control the embed size?

Yes. Set a width and pick an aspect ratio (16:9, 4:3, 1:1, or 9:16) and the height is computed for you, matching what the generated iframe's width/height attributes will actually render.

Tool not working the way you expect?

Tell us what broke. We resolve every report within 24 hours.

Send feedback →

More free tools

Doing this for an AI workflow?

Clipy recordings are agent-readable out of the box. One link carries the video, keyframes, and transcript.

Clipy for AI agents