SevicheCC/Urara-Blog
1
0
Fork 0
mirror of https://github.com/Sevichecc/Urara-Blog.git synced 2025-04-30 17:39:31 +08:00
Code Issues Projects Releases Packages Wiki Activity

merge with upsteam 93bfad5146

Browse source
This commit is contained in:
sevichecc 2023-01-25 23:55:50 +08:00
parent 48bd5b970f
commit 89671e6b1a
1 changed files with 18 additions and 15 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

31
src/lib/components/extra/youtube.svelte
View file

@ -1,22 +1,25 @@
<script lang="ts"> <script lang="ts">
export let id = undefined export let id: string
export let list = undefined export let list: boolean = undefined
export let playlist = undefined export let playlist: string = undefined
export let start = undefined export let start: string = undefined
export let autoplay = false export let autoplay: boolean = false
export let disablekb = false export let disablekb: boolean = false
export let controls = true export let controls: boolean = true
export let fs = true export let fs = true
export let loop = false export let loop = false
const src = `https://www.youtube.com/embed/${id}?${new URLSearchParams({
const src = `https://www.youtube.com/embed/${id}?${list ? `listType=playlist&list=${list}&` : ''}${ ...(list ? { listType: 'playlist', list }: {}),
playlist ? `playlist=${playlist}&` : '' ...(playlist ? { playlist } : {}),
}${start ? `start=${start}` : ''}${autoplay ? 'autoplay=1&' : ''}${disablekb ? 'disablekb=1&' : ''}${ ...(start ? { start } : {}),
controls ? '' : 'controls=0&' disablekb: disablekb ? '1' : '0',
}${fs ? '' : 'fs=0&'}${loop ? 'loop=1' : ''}` controls: controls ? '1' : '0',
fs: fs ? '1' : '0',
loop: loop ? '1' : '0'
}).toString()}`
</script> </script>
<div class="relative pb-[56.25%] mb-2"> <div class="relative pb-[56.25%] mb-4">
<iframe <iframe
{src} {src}
class="absolute w-full h-full" class="absolute w-full h-full"