Streaming live at 10am (PST)

Background video resize


#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

Thanks


#4

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


#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