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.
<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.
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 snippetHide
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>How to use it
- Paste a TikTok video URL — the standard tiktok.com/@username/video/1234567890 format. Mobile shortlinks (vm.tiktok.com/...) are auto-resolved.
- Set max width: 605px (default, widest), 480px (medium), 325px (narrow column), or custom.
- Copy the generated HTML. It's two pieces: a <blockquote> block (the actual embed) and one <script> tag (TikTok's loader).
- 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.
- 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
Guides about this topic
- Using Our Tools · GuideHow to generate QR codesMake QR codes for URLs, WiFi, vCard, or text. Learn error correction and sizing, then generate your QR code online free with no sign-up in seconds.
- Using Our Tools · GuideHow to create a strong passwordGenerate a strong password instantly online for free. Build high-entropy passphrases following NIST 2026 rules with no download needed.
- Developers & Technical · GuideHow to encode and decode Base64Understand the 3-to-4 mechanic and 33% overhead for standard, URL-safe, and MIME Base64. Free online reference to avoid common mistakes, no download needed.
- Design & Media · GuideHow to choose a color paletteBuild accessible color palettes using HSL theory, monochromatic to triadic schemes, WCAG contrast checks, and dark mode tips. Free, no-download guide.
- Developers & Technical · GuideHow to use JWT tokens securelyImplement secure JWT authentication by choosing RS256, setting expiration, using httpOnly cookies, and preventing 'alg: none' attacks in your browser for free.
- Design & Media · GuideHow to design a faviconCreate favicons that render perfectly from 16×16 to 512×512 with dark mode support. Learn the right HTML tags and web manifest setup free online.
Explore more developer utilities tools
- Port Number LookupSearch over 140 well-known TCP and UDP ports by number or service name. Free online reference tool with no sign-up, covering web, mail, DNS, and more.
- Test Credit Card NumbersReference table of canonical test card numbers from Stripe, Adyen, and Braintree sandbox docs. Plus Luhn validator + network detector.
- IPv6 Expander & ShortenerFormat IPv6 addresses to canonical form, handling zone IDs and prefixes, instantly online—free tool with no registration required.
- Htpasswd GeneratorCreate .htpasswd lines for Apache or nginx basic auth with browser-only SHA hashing instantly. Includes config snippets and a free online tool with no registration.
- Chmod CalculatorCalculate Unix file permissions: octal (755, 644) ↔ symbolic (rwxr-xr-x) ↔ rwx checkboxes. Covers setuid, setgid, sticky bit. With presets.
- Excel Formula ExplainerPaste any formula and get a plain-English breakdown of 60+ functions online free—no sign-up required, in your browser.