Vimeo hidden video poster 404

[rjdusk]

Hi gang,
I've been really enjoying implementing this embed component throughout my website, but I've run into a bit of a snag. We have some videos on Vimeo that are "Hide from Vimeo but embeddable anywhere" and this setting appears to prevent the video poster from loading.

In my terminal I get this error:

[error]  astro-embed
Failed to fetch https://vimeo.com/api/v2/video/950746665.json
Error 404: Not Found

When trying to load one of these videos. I can however still press play and the video will load and play just fine. Any ideas on how I can fix this?
Thanks!

[delucis]

Hey @rjdusk! I guess Vimeo blocks us from loading the the poster URL from their API if the video is hidden. I don’t know if there’s a fix on our end but a workaround would be to provide an explicit poster attribute on the video if you can grab the URL manually?

[rjdusk]

Ah ok that's a bummer @delucis - at any rate I'll just grab it via the oembed response:

let posterUrl = "/assets/global/featured-img.png";
try {
  const oembedResponse = await fetch(
    `https://vimeo.com/api/oembed.json?url=https%3A//vimeo.com/${videoId}`,
  );
  const oembedData = await oembedResponse.json();
  posterUrl = oembedData.thumbnail_url.replace(/-d_\d+x\d+/, "-d_960x540");
} catch (error) {
  console.error("Failed to fetch Vimeo thumbnail:", error);
}

then explicitly provide the poster URL to the Vimeo component. Thanks again!