1.1.0 • Published 3 years ago
svelte-lite-youtube-embed v1.1.0
Svelte Lite YouTube Embed
Port of Paul Irish's Lite YouTube Embed to Svelte.
Install
npm install svelte-lite-youtube-embedBasic 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 |