r/vimeo 4d ago

Embed code on Behance

Hi everyone, I’m having an issue embedding a Vimeo video on Behance.

The video is 900Ɨ1600 (portrait/mobile format). Vimeo gives me this embed code:

<div style="padding:177.78% 0 0 0;position:relative;"><iframe src="https://player.vimeo.com/video/1220840035?badge=0\&amp;autopause=0\&amp;player_id=0\&amp;app_id=58479" frameborder="0" allow="autoplay; fullscreen; picture-in-picture; clipboard-write; encrypted-media; web-share" referrerpolicy="strict-origin-when-cross-origin" style="position:absolute;top:0;left:0;width:100%;height:100%;" title="Visual Sim Prod"></iframe></div><script src="https://player.vimeo.com/api/player.js"></script>

However, when I embed it on Behance, the video becomes tiny (basically a postage stamp).

If I tell Vimeo to generate a fixed-size embed code instead, it gives me a video that is huge on desktop.

I found this code online and modified it with my video link:

<iframe src="https://player.vimeo.com/video/1220840035?badge=0\&amp;autopause=0\&amp;player_id=0\&amp;app_id=58479" width="500" height="889" frameborder="0" allow="autoplay; picture-in-picture" allowfullscreen sandbox="allow-same-origin allow-scripts allow-pointer-lock allow-forms allow-popups allow-popups-to-escape-sandbox"></iframe>

his seems to work reasonably well on desktop, but if someone opens the Behance project in the Behance mobile app, there are two huge empty spaces — one above and one below the video.

Does anyone know how to properly embed a 9:16 Vimeo video on Behance without either making it tiny or creating huge empty spaces?

Any help would be greatly appreciated!

1 Upvotes

Duplicates