Streaming live at 10am (PST)

How to make embed video fill the screen totally without any body showing on the height


#1

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: http://yamination.com/work or http://yamination.com/work these are both relative.

Thank you

height="400">

Here is my public share link: https://preview.webflow.com/preview/yamination-studios?preview=09b2a7330f2b1772ef3d78ebcd5258bb
(how to access public share link)


#2

This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.