Every thumb has video icon

my setup is like this

    const matchingAlbums = await this.$strapi.find('albums', {
      slug: this.$route.params.slug,
    })
    const images = []
    matchingAlbums[0].media.forEach(function (item) {
      if (item.ext === '.mp4') {
        images.push({
          thumb: getStrapiMedia(`${item.formats.small.url}`),
          thumb_small: item.formats.thumbnail
            ? getStrapiMedia(`${item.formats.thumbnail.url}`)
            : getStrapiMedia(`${item.formats.small.url}`),
          width: item.formats.small.width,
          height: item.formats.small.height,
          type: 'video',
          sources: [
            {
              src: getStrapiMedia(`${item.url}`),
              type: 'video/mp4',
            },
          ],
        })
      } else {
        images.push({
          thumb: getStrapiMedia(`${item.formats.small.url}`),
          thumb_small: item.formats.thumbnail
            ? getStrapiMedia(`${item.formats.thumbnail.url}`)
            : getStrapiMedia(`${item.formats.small.url}`),
          width: item.width,
          height: item.height,
          type: 'image',
          src: getStrapiMedia(`${item.url}`),
        })
      }
    })

    this.images = images

then i use this <LightBox ref="lightbox" :media="images" :show-light-box="false"></LightBox>

[kgnfth]

OK, but what’s the problem?

the red rectangle area thumbs has video icons for me even they are just jpgs

[janosrusiczki]

Yes its fixed. i have one more question, how can we change the video player to plyr

I totally missed your comment in March. Did you find a solution? If not I will look into it, but I’m not 100% sure yet that I want vue-it-bigger to depend on plyr. 😄