Svelte Lite YouTube Embed

Port of Paul Irish's Lite YouTube Embed to Svelte.

Install

npm install svelte-lite-youtube-embed

Basic Usage

<script>
  import LiteYouTube from 'svelte-lite-youtube-embed'
</script>

<LiteYouTube
  videoId="AdNJ3fydeao"
  videoTitle="Rich Harris - Rethinking reactivity"
/>

Pro Usage

<script>
  import LiteYouTube from 'svelte-lite-youtube-embed'
</script>

<LiteYouTube
  videoId="VLrYOji75Vc"
  videoTitle="Speed at Scale"
  playlistId="PL-G5r6j4GptH5JTveoLTVqpp7w2oc27Q9"
  params="enablejsapi=1"
  posterQuality="hqdefault"
  on:iframeLoaded={(e) => console.log(e.detail.iframe)}
/>

Options & events

| Prop | Type | Description | | --------------- | :------------------------------------------------------------------------------: | ----------------------------------------------------------------------------------------------------------- | | videoId | string | Id of the video | | videoTitle | string | Title of the video | | videoPlay | string | Default: Play. This will be added to the button label for the announcement: "{videoPlay}: {videoTitle}" | | posterQuality | string. One of default, mqdefault, hqdefault, sddefault, maxresdefault | Quality of the poster image | | params | string | Any params to pass to the URL | | playlistId | string | Id of the playlist. Note, videoId is still needed to display the poster | | noCookie | boolean | Default: true. Use youtube-nocookie.com domain (instead of youtube.com) to prevent cookie tracking | | posterLoading | string. One of lazy, eager | Default: lazy. Loading attribute value of poster img element | | on:iframeLoaded | function | Callback that will fired when iframe loads |

License

MIT License