Svelte Embeds

A Svelte package for easily embedding content from various platforms including YouTube, Spotify, Instagram, TikTok, X (Twitter).

Installation

npm install svelte-embeds
# or
yarn add svelte-embeds

Usage

YouTube

<script>
  import { Youtube } from 'svelte-embeds';
  
  const url = 'https://www.youtube.com/watch?v=dQw4w9WgXcQ';
</script>

<Youtube {url} />

Spotify

<script>
  import { Spotify } from 'svelte-embeds';
  
  const url = 'https://open.spotify.com/track/7GhIk7Il098yCjg4BQjzvb';
</script>

<Spotify {url} />

Instagram

<script>
  import { Instagram } from 'svelte-embeds';
  
  const url = 'https://www.instagram.com/reel/DMcxgONP13B/';
</script>

<Instagram {url} />

TikTok

<script>
  import { Tiktok } from 'svelte-embeds';
  
  const url = 'https://www.tiktok.com/@scout2015/video/6718335390845095173';
</script>

<Tiktok {url} />

X (Twitter)

<script>
  import { X } from 'svelte-embeds';
  
  const url = 'https://x.com/elonmusk/status/1974338806305411516';
</script>

<X {url} />

Props

YouTube, Spotify, Instagram, TikTok, X

| Name | Description | Required | Default | |---|---|---|---| | url | URL of the content to embed | Yes | |

Repository

GitHub Repository

License

MIT