Background video resize

Design help General
1

Ive made a video similar to a lower 3rds ticker from a news station that i want to sit play and repeat at the top of my home page. Ive tried to use Background video but this obviously takes up the whole screen and wont allow me to resize like other elements. PLEASE HELP!

Here is my site Read-Only: LINK
(how to share your site Read-Only link)

2

Hi.

  1. Add URL
  2. Add screenshot and/or example of the result you want (“resize” is too general)

No way to answer like this.

3

Sorry, thank you!

Here is a URL of what i have currently:
http://crstphrstvn-fall-2017-67d-f59e7fe830663.webflow.io/

Here is a screen shot of the result I want to achieve

55%20PM
55%20PM2560×80 10.1 KB

Thanks

4

Desired result in better context (i want the rectangles at the top of this screen shot of a browser:

45%20PM
45%20PM2560×1296 436 KB

5

I’ve had this same exact issue before, and luckily was able to resolve it.

I resolved by using Z1 for video and Z2 for content. Create the following.

BODY

  • Section
    • FLEX CONTAINER - = Flex Center Vertical
      • BG VIDEO MASK - Z=1; expand position = full size container
      • CONTENT BLOCK - Z=2, in front of Video
        • Content
        • Content
        • Content
        • Content
          …

IN BG Video mask, define the HEIGHT and 100%W of the VIDEO itself

In FLEX CONTAINER, define the TPOP MID OR BOTTOM position

if its the header you want the animation on, you can

If you share project preview link Id be happy to show you screenshots on where to plug it