SevicheCC/Urara-Blog
1
0
Fork 0
mirror of https://github.com/Sevichecc/Urara-Blog.git synced 2025-04-30 11:49:30 +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

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

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