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

# Embed Tella videos in Mintlify

> How to embed a Tella video in your Mintlify docs with an iframe, for walkthroughs and feature explainers.

Mintlify docs are written in MDX, so you can embed Tella videos directly with an `<iframe>` tag. This is great for product walkthroughs, onboarding, and feature explainers inside your docs.

## Embed a Tella video

1. Open the Tella video you want to embed and click the **Share** icon to open the embed settings.

2. Toggle the options you want (autoplay, branding, title, etc.), then copy the embed code.

3. Open the `.mdx` file in your Mintlify docs project where you want the video to appear, and paste the iframe.

A typical embed looks like this:

```mdx theme={null}
<iframe
  src="https://www.tella.tv/video/VIDEO_ID/embed?b=0&title=0&a=1&loop=0&t=0&muted=0&wt=0"
  width="100%"
  style={{ aspectRatio: "16/9", border: "none", borderRadius: "8px" }}
  allow="autoplay; fullscreen"
  allowFullScreen
/>
```

Replace `VIDEO_ID` with the ID from your Tella share link (or paste the full embed code from Tella).

The result looks like this:

<iframe src="https://www.tella.tv/video/vid_cmkn9pajx00ks04le7y0s39lf/embed?b=0&title=0&a=1&loop=0&t=0&muted=0&wt=0" width="100%" style={{ aspectRatio: "16/9", border: "none", borderRadius: "8px" }} allow="autoplay; fullscreen" allowFullScreen />

## Tips

* Set `style={{ aspectRatio: "16/9" }}` so the iframe scales correctly on all screen sizes. Using a fixed `height` will crop or letterbox the video.

* Wrap the iframe in Mintlify's `<Frame>` component if you want a caption underneath:

  ```mdx theme={null}
  <Frame caption="Watch the 2-minute overview">
    <iframe
      src="https://www.tella.tv/video/VIDEO_ID/embed?b=0&title=0&a=1&loop=0&t=0&muted=0&wt=0"
      width="100%"
      style={{ aspectRatio: "16/9", border: "none", borderRadius: "8px" }}
      allow="autoplay; fullscreen"
      allowFullScreen
    />
  </Frame>
  ```

* To fine-tune what viewers see (hide the avatar, hide the title bar, autoplay, loop, start time, etc.), tweak the toggles in Tella's embed settings. The query parameters in the iframe URL update automatically.

See [Customize embed settings](/docs/help/sharing/customize-embed-settings) for a full reference of the available embed options.


## Related topics

- [Embed Tella videos in Framer](/docs/help/sharing/embed-tella-videos-in-framer.md)
- [Embed Tella videos in Circle](/docs/help/sharing/embed-tella-videos-in-circle.md)
- [Embed Tella videos in Notion](/docs/help/sharing/embed-tella-videos-in-notion.md)
- [Embed Tella videos in email](/docs/help/embed-videos/embed-tella-videos-in-email.md)
- [Embed Tella videos in Linear](/docs/help/integrations/embed-tella-videos-in-linear.md)