Skip to content
Free Tool Arena

Developer Utilities · Free tool

TikTok Embed Generator

Create custom TikTok video embed code using the official pattern. Adjust the width in your browser and get ready-to-paste HTML online for free.

Updated June 2026
<blockquote class="tiktok-embed" cite="https://www.tiktok.com/@username/video/7000000000000000000" data-video-id="7000000000000000000" style="max-width:605px;min-width:325px">
  <section>
    <a target="_blank" rel="noopener noreferrer" href="https://www.tiktok.com/@username/video/7000000000000000000">View on TikTok</a>
  </section>
</blockquote>
<script async src="https://www.tiktok.com/embed.js"></script>

Uses TikTok’s official blockquote+script embed. Posts must be public. The script loads the player once your page is rendered.

Found this useful?EmailBuy Me a Coffee

Advertisement

What it does

Paste a TikTok video URL and get back the official embed code (TikTok's standard <blockquote> + embed.js pattern). Drop the snippet into a blog post, news article, marketing page, or anywhere you want to render a playable TikTok inline. Set max width to control how wide the embedded player appears (default 605px, the widest TikTok renders); the height is automatic.

Why use the official embed instead of a screenshot or downloaded video? Engagement attribution — views, likes, and shares from your embedded player count toward the creator's TikTok metrics, making them more likely to see and engage with your post (and giving you the social- capital benefit of supporting their content). Always-current — the embedded video shows the latest version, so if the creator updates the caption or adds a comment pin, your embed reflects that. Legal compliance — embedding the video with TikTok's player respects the platform's terms of service and the creator's content control (they can delete or restrict the video anytime, and your embed updates accordingly).

The embed code is two parts: a <blockquote> with the TikTok URL and metadata that displays as a fallback link if JS doesn't load, plus a single <script> tag pointing at TikTok's embed.js that converts the blockquote into an iframe player when the page loads. Universal — works on any static site, WordPress, Ghost, Substack, blogs, etc.

Embed this tool on your siteShow snippet

Paste this snippet into any page. Loads on-demand (lazy), no tracking scripts, and sized to most dashboards. Replace the height to fit your layout.

<iframe src="https://freetoolarena.com/embed/tiktok-embed-generator" width="100%" height="720" frameborder="0" loading="lazy" title="TikTok Embed Generator" style="border:1px solid #e2e8f0;border-radius:12px;max-width:720px;"></iframe>
Embed docs →

How to use it

  1. Paste a TikTok video URL — the standard tiktok.com/@username/video/1234567890 format. Mobile shortlinks (vm.tiktok.com/...) are auto-resolved.
  2. Set max width: 605px (default, widest), 480px (medium), 325px (narrow column), or custom.
  3. Copy the generated HTML. It's two pieces: a <blockquote> block (the actual embed) and one <script> tag (TikTok's loader).
  4. Paste both into your page's HTML where you want the video. The script tag can go anywhere on the page — it doesn't need to be next to the blockquote.
  5. If you have multiple TikToks on one page, you only need the <script> tag once (not per video).

When to use this tool

  • Embedding a TikTok in a blog post, news article, or marketing page.
  • Showcasing user-generated content or social-media references.
  • Tutorial pages where the TikTok video IS the tutorial.
  • Press / PR pages featuring viral TikTok moments related to your product or topic.

When not to use it

  • Private TikToks — TikTok requires the video to be public. If the creator's account is private or the video is restricted, embedding fails.
  • Pages where you can't add <script> tags (some restricted CMS environments) — those need the iframe-only embed format.
  • AMP pages — TikTok's standard embed isn't AMP-compatible. Use amp-tiktok or link to the video instead.
  • Performance-critical pages — every embed loads TikTok's full player + analytics, which adds 200-500KB and several network requests. For lightweight previews, link to the video and use a static thumbnail image.

Frequently asked questions

Will this work on private videos?
No — TikTok requires the video to be public to embed it. If your account is set to private, all your videos are non-embeddable. Re-share the video publicly (and keep it public) for the embed to work.
Why are there both blockquote and script tags?
The <blockquote> contains the video URL and basic metadata (caption, creator info) so it renders as a clickable link if JavaScript fails to load. The <script> tag loads TikTok's embed.js which transforms the blockquote into an actual playable iframe. Together they're a graceful-degradation pattern: looks OK without JS, plays inline with JS.
Can I customize the embed appearance?
Limited. TikTok's embed has a fixed visual design (their branding, their player UI, their suggested-videos area at the end). You can control width and the embed will scale; height is automatic. For substantially custom appearance, download the video (where allowed by terms) and host it yourself, but you lose engagement attribution and platform updates.
Will the embed track me / my visitors?
TikTok's embed.js uses cookies to maintain user session (so logged-in users see personalized recommendations after the video) and to record view metrics. If your privacy policy needs to disclose third-party tracking, TikTok embeds qualify and should be mentioned. For privacy-respecting alternatives, link to the video instead of embedding.
How do I get the right URL format?
Open the TikTok video, click the Share button, copy the link. The desktop format is `tiktok.com/@username/video/123456...`. The mobile shortlink format is `vm.tiktok.com/abcdef/`. Both work — the tool resolves shortlinks to the canonical URL automatically.
Will the embed work in Substack, Notion, Medium?
Substack: yes — paste the URL, Substack auto-embeds. Notion: yes — same, paste the URL. Medium: limited — Medium has its own simplified TikTok embed which may strip features. WordPress: yes via the WordPress block editor or by pasting the snippet into an HTML block.

Advertisement

Learn more

Explore more developer utilities tools

100% in-browserNo downloadsNo sign-upMalware-freeHow we keep this safe →

Found this useful?

The tools stay free thanks to readers who chip in or spread the word.

Buy Me a Coffee