evamelba
(Eva Monico)
January 15, 2018, 5:54pm
1
Hello,
I have put a video background element on my home header website. (http://studiomegalo.webflow.io/ )
On webflow backoffice, the “responsive” video background is working for tablet and phone.
But when I am testing it on 2 ipads (one big and one small), the video is making my page huge. Screenshot here :
Do I need to put some specific sizes for this video background ?
I tried 100% width and 100% height, didn’t work. I tried 100vh height, didn’t work either.
Thank you in advance,
Regards,
Eva
Yeah, I keep saying all the time - GET OFF APPLE & COME TO UTOPIA SAMSUNG Man I can’t stand apple… anyhow.
Try adding “VW” to the width of the video wrapper, not the video div itself. 100, 75vw
evamelba
(Eva Monico)
January 15, 2018, 6:57pm
4
thank you for your answer.
I tried to put 100vw and 75vw but it didn’t work.
I tried also to add a section and put the background video element in it, but nothing changed ^^.
Now there’s is a way to work-around this. It will take a few steps but if you want it, ill write out the steps for you.
evamelba
(Eva Monico)
January 16, 2018, 10:13am
6
Well yes, if you have an idea of how to surround this problem, I will be very happy to have your help !
evamelba
(Eva Monico)
January 16, 2018, 12:41pm
7
Here is my website : Preview Mode
Did I made something wrong with the video background element ?
@Waldo , I would be really happy if you could help me
Waldo
(Waldo Broodrÿk)
January 16, 2018, 3:24pm
8
@evamelba great question!
Settings your video background element back to relative position and overflow: hidden should resolve the issue which you’re encountering as shown in this GIF: Screen Recording 2018-01-16...
evamelba
(Eva Monico)
January 16, 2018, 3:33pm
9
Wow thank you so much !!! It is working.
I am so happy, I passed several hours on this issue !
1 Like
system
(system)
Closed
May 21, 2018, 3:37pm
10
This topic was automatically closed 125 days after the last reply. New replies are no longer allowed.