Hi there,
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.
I need to be able to have the SM section at the bottom of the page like my nav or work page you can view here: Yamination Studios Projects or Yamination Studios Projects these are both relative.
Thank you
height=“400”>
Here is my public share link: Webflow - Yamination Studios
(how to access public share link)