> ## Documentation Index
> Fetch the complete documentation index at: https://docs.littledemo.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Embed overview

Choose between iframe, SDK, dynamic embeds, oEmbed, and media URLs.

LittleDemo supports fixed embeds, generated embeds, oEmbed, and direct media URLs.

## Pick an embed method

| Method | Use when |
| --- | --- |
| iframe | You already have a demo ID and want the simplest embed. |
| JavaScript SDK | You want auto-discovery, data attributes, or player control. |
| Dynamic embed | You want the page itself to request or reuse a relevant demo. |
| oEmbed | You are pasting into Notion, WordPress, Confluence, or another oEmbed-aware tool. |
| Media URLs | You need raw video, GIF, or thumbnail assets. |

## Recommended default

Use an iframe for fixed demos:

```html
<iframe
  src="https://littledemo.com/embed/demo_abc123"
  width="100%"
  height="400"
  frameborder="0"
  allow="autoplay; fullscreen"
  allowfullscreen
></iframe>
```

Use dynamic embeds only when the page context should choose or generate the demo.

**[iframe](/embed/iframe)**

Small, portable, and works in most HTML surfaces.
  **[JavaScript SDK](/embed/js-sdk)**

Auto-create players and control playback from your page.
  **[Dynamic embeds](/embed/dynamic-embeds)**

Generate or reuse demos from page context.
  **[Media URLs](/embed/media-urls)**

Fetch raw MP4, GIF, and thumbnail files.