Exclude youtube thumbnails larger that 700px wide

This commit is contained in:
Sam Carlton 2021-04-10 16:13:16 -05:00
parent dad4b51b9b
commit e2dcf8bac4

View file

@ -84,23 +84,31 @@ const generateVideoTags = function ( video ) {
return videoTags
}
const makeThumbnailData = function ( thumbnails ) {
const makeThumbnailData = function ( thumbnails, widthLimit = null ) {
const thumbnailEntries = Object.entries( thumbnails )
const srcsetArray = []
let maxWidth = 0
Object.entries( thumbnails ).forEach(([thumbnailKey, thumbnail]) => {
thumbnailEntries.forEach(([thumbnailKey, thumbnail]) => {
if ( widthLimit !== null && widthLimit < thumbnail.width) return
// If this width is more than known maxWidth
// then set maxWidth
if (thumbnail.width > maxWidth) maxWidth = thumbnail.width
// Add this width to our srcset
srcsetArray.push(`${thumbnail.url} ${thumbnail.width}w`)
})
const sizes = `(max-width: ${maxWidth}px) 100vw, ${maxWidth}px`
const srcset = Object.entries( thumbnails ).map(([thumbnailKey, thumbnail]) => {
// console.log('thumbnail', thumbnail)
return `${thumbnail.url} ${thumbnail.width}w`
}).join(', ')
const srcset = srcsetArray.join(', ')
const src = thumbnails.default.url
// console.log('srcsetArray', srcsetArray)
return {
sizes,
srcset,
@ -170,7 +178,7 @@ export default async function ( applist ) {
tags: Array.from(tags),
timestamps: fetchedVideos[videoId].timestamps,
// thumbnails: fetchedVideos[videoId].rawData.snippet.thumbnails,
thumbnail: makeThumbnailData( fetchedVideos[videoId].rawData.snippet.thumbnails ),
thumbnail: makeThumbnailData( fetchedVideos[videoId].rawData.snippet.thumbnails, 700 ),
endpoint: getVideoEndpoint({
slug
})