Streaming live at 10am (PST)

Video background not displaying full height


#1

Hi,

My video background displays full height in the Webflow preview, but is cut off at the top in both Chrome and Firefox when I actually publish and view:

Preview Link

Any ideas what might be wrong? Thank you!


#2

I took at a look at the live website and It seems to work correctly for me, no cuts.
Chrome Version 69.0.3497.100 (Official Build) (64-bit)


#3

Thanks, @Sam_G… can you try pulling the browser window narrower? I’m seeing cuts even when it’s wider than tablet widths. Thank you!

To be clear, there’s a still image background, but you can see the video moving below it, not going all the way to the top of the hero area. See this image:


#4

Ok I see it now, Playing with it with element inspector will update if I find out anything


#5

It could be a bug, right? I haven’t touched it in months, and it wasn’t doing that before–at least I don’t believe it was.


#6

Hey,

I just had a quick look. It’s a bit hard to test as we cant publish changes to check if its fixed and I am only seeing the issue on certain resolutions.

I inspected that video element and its saying height 500px. When I believe you hero is 600px?

image

Could you try giving the min height of video same as that parent hero. Also give it 100% w, 100% h

image

Let me know how it goes!


#7

@Thomas_92–thank you… I’ve tried this, as well as adding custom css on .video to set the height to 600px. I have no idea where that 500px is coming from. Still not working. Any ideas? Thanks!