Getting Started

Installation

npm

npm install astro-oembed

pnpm

pnpm add astro-oembed

Yarn

yarn add astro-oembed

Usage

Pass any supported URL to the <Oembed> component and it will resolve the provider, fetch the oEmbed response at build time, and render the appropriate output.

Astro

---
import { Oembed } from 'astro-oembed';
---

<Oembed url="https://www.youtube.com/watch?v=dQw4w9WgXcQ" />

MDX

import { Oembed } from 'astro-oembed';

<Oembed url="https://www.youtube.com/watch?v=dQw4w9WgXcQ" />

See the <Oembed> component reference for the full list of props.