Solved Fullscreen Vimeo background in Divi?

Why not just go to the Section Settings > Background & set video for the background? Then set the section min-height to be 100vh.

 

My bad. External video doesn't work with the Section background settings. As you mentioned:
1. Place the video iframe code in a code module.
2. Go to the Row Settings & set padding 0 & set width and max-width to be 100%
3. And go to the Section Settings & set padding 0 as well.
4. By doing so, your code module with the video iframe should appear fullwidth.
5. But it may not be fullscreen. To fix that, you may try to go to the code module settings & set the height to be 100vh.

If still not working, kindly share your URL & see if I can help further on that.

 

Upon checking, it's not possible to achieve what you want, as the iframe itself is setting it's own height, which is not editable through CSS or JS.

 

Only 1 of the sites is similar to your case & it uses some CSS hack to display it. You may try the below to replicate & see if it works:

1. First, try to go to the code module settings & remove the height 100vh.
2. Then add the below CSS in Divi > Theme Options > Custom CSS:

Code:

Log In or Sign Up to view this code.

 

Perhaps try the below & see if it works:

Code:

Log In or Sign Up to view this code.

 

You can try to increase the value of height: 56vw; to fit your need. Perhaps 60vw. Or even bigger to fit your need.

Increasing the height won't affect much, as it's also being restricted by the width 100vw.