[Tim Yal]

Up

0

Down

::

Hi there,

I am trying to make a fullscreen Vimeo background like these;

https://lodisna.com/
https://pollenlondon.com/
https://www.playagrande.com/

But none of the CSS tricks with iframe worked. I could never manage to fill the screen with the video in iframe when used with Divi Code module. Any suggestions?

Regards,
Tim

[Terry Hale]

Up

0

Down

::

Hi Tim,

Did you try using the CSS like in your first example link?

#video_pag iframe {
width: 100vw;
height: 52.73vw;
min-height: 100vh;
min-width: 189.63vh;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
pointer-events: none;

Also, can you share a link to what you *do* have? It’s always better to work with what you have instead of trying to guess. Thanks!

[Tim Yal]

Up

0

Down

::

When I add the code you mentioned, this is (attached file) what happens.

Here is the link;

Test 2

I don’t think min-height and min-width are good for responsiveness.

Any other ideas?

Regards,

Tim

 

Attachments:

1.