Problems with Thumbnail size

My iframe looks like this

<iframe id="playerFrame" src="VIDEO?poster=EXTERNAL_IMAGE_THUMB"
	loading="lazy"
	style="border: none; width: 100%;"
	allow="accelerometer; gyroscope; autoplay; encrypted-media; picture-in-picture;"
	allowfullscreen="true">
</iframe>

I’m trying to use an external image as thumbnail, the actual code is working and the image appears as expected.
The problem is that the images have a height sligtly different from the actual video, so it has black bars. I’m looking at the documentation here but I can’t make it work, I’ve tried:

src=“VIDEO?poster=EXTERNAL_IMAGE_THUMB**&fit=scale**”
src=“VIDEO?poster=EXTERNAL_IMAGE_THUMB**?fit=scale**”

the only code that somewhat worked was letterboxColor=transparent, but it just made the bars transparent, I need to stretch the thumbnail, how can I do that?

Hi there,

By following your iframe, and if you are following our documentation, you are missing the height: 100%; to engulf the image on the video frame. Try to check if the issue is solved by adding that.

Good week and cheers,
Jaime

This topic was automatically closed 2 days after the last reply. New replies are no longer allowed.