Video Scaling by height?

Design help General
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.

Screen_01
Screen_011920×1080 198 KB
Screen_02
Screen_021920×2268 243 KB

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.