Streaming live at 10am (PST)

Video Scaling by height?


#1

Here is my site Read-Only: LINK
See draft page ‘Help

So I understand that the Video Element scales from its parents width. I was wondering if there was a workaround for it to also scales by its parents height?

I have a page on my site where all the content is within a DIV block that has ‘Position = Fixed, Full’ as I am going for a fullscreen ‘no scroll’ style of page. On the page I just have a Header (fixed height of 80px) and a footer (same fixed height of 80px). In between I have a DIV containing a video and the DIVs height is dynamic depending on the height of the screen (100VH - 160px).

I want my video to scale with its parent DIVs height (100% height) but then not to scale past 100VW so that the video does not spill off the edge of the page.


Thank you for your time.

Here is my site Read-Only: LINK


#2

Have you considered using the background video component instead and setting it to cover?


#3

no because I am trying to link a full length music video I made on youtube. which has a file size of around 2gb.