Buck9195/doesitarm
1
0
Fork 0
mirror of https://github.com/ThatGuySam/doesitarm.git synced 2026-05-18 06:44:46 -07:00
Code Issues Projects Releases Packages Wiki Activity Actions 3

Get poster video images from helper

Browse source
This commit is contained in:
Sam Carlton 2022-05-06 18:46:49 -05:00
parent 090928eafb
commit 85977430aa
1 changed files with 4 additions and 11 deletions
Download patch file Download diff file Expand all files Collapse all files

15
src/components/video/poster.astro
View file

@ -1,21 +1,14 @@
--- ---
import { getVideoImages } from '~/helpers/listing-page.js'
const { const {
video video
} = Astro.props } = Astro.props
const webpSource = { const images = getVideoImages( video )
...video.thumbnail,
srcset: video.thumbnail.srcset.replaceAll('ytimg.com/vi/', 'ytimg.com/vi_webp/').replace(/.png|.jpg|.jpeg/g, '.webp')
}
const mergedSources = {
webp: webpSource,
jpeg: video.thumbnail
}
--- ---
<picture> <picture>
{ Object.entries( mergedSources ).map( ([ key, source ]) => ( { Object.entries( images.srcset ).map( ([ key, source ]) => (
<source <source
sizes={ source.sizes } sizes={ source.sizes }
data-srcset={ source.srcset } data-srcset={ source.srcset }
@ -24,7 +17,7 @@ const mergedSources = {
) ) } ) ) }
<img <img
data-src={ video.thumbnail.src } data-src={ images.srcset }
alt={ video.name } alt={ video.name }
class="absolute inset-0 h-full w-full object-cover lazyload" class="absolute inset-0 h-full w-full object-cover lazyload"
> >