html - How to create a full width background video(Vimeo)? in Bootstrap environment -

Is there a solution / tutorial for full-width video without limits?

I have an existing solution:

I tried to do this, but when I scale in different viewport sizes, I get unwanted (black) limitations < / P>

  & lt; Div class = "video" & gt; & Lt; Iframe src = "https://player.vimeo.com/video/120893740?title=0&byline = 0 & amp; amp; amp; amp; colour = 3a6774 & amp; Autoplay = 1 & amp; amp; Loop = 1 "width =" 960 "height =" 600 "frameborder =" 0 "webkitolofloscreen mozaloplascreen acceptable slidescreen & gt; & Lt; / Iframe & gt; & Lt; Div class = "overlay" & gt; & Lt; H1 & gt; HEADING here & lt; / H1> & Lt; P & gt; Content here & lt; / P & gt; & Lt; / Div & gt; & Lt; / Div & gt;  

CSS:

 body  

Thank you in advance

inline remove your Width = "960" height = "600" from iframe tags and see if it helps