I am having trouble with the pages that i have embedded a fullscreen background video to. I have attached pictures so you are able to see my problem.
This is the code I have used for the video:
<video autoplay loop style="width:100%; auto; position:absolute; z-index: -1;"> <source src="http://dl.dropbox.com/s/gju824rlpi9p4mm/At-issue_BANNER.mp4" /> <source src="http://dl.dropbox.com/s/nlvg6cy8xln7rwo/At-issue_BANNER.webmhd.webm" /> <source src="http://dl.dropbox.com/s/dfw4wp54cwl5mde/At-issue_BANNER.oggtheora.ogv" /> <img src="video.jpg"> </video>
I am trying to make my page the exact height of the vide, I have changed the body height to 100% but it is still longer than the video's height.
I have also edited the embed and tried changing the height and position but I am still having problem.
I have a Social Media section that I want to be relative with the bottom of the page, but when I move the page smaller larger the SM Section moves up or down out of view.
Here is my public share link: https://preview.webflow.com/preview/yamination-studios?preview=09b2a7330f2b1772ef3d78ebcd5258bb
(how to access public share link)