pomoc Video jako pozadí (?)

[Huzy 11]

Ahoj, napadl mě návrh na design, kde by bylo video v pozadí. Už jsem pár takových stránek viděl (http://dominiknekolny.com/), ale nevím jak začít. Nejlepší způsob pro mě by byl html/css a video dané z yt. Kdybyste mi dokázali poradit, byl bych velice rád:)

<video autoplay loop poster="sample.jpg" id="bgvid">
<source src="sample.mp4" type="video/mp4">
</video>

Toto funguje, ale potřebuju s tím yt:) Děkuju předem.

[Ewwe 434]

 

<div id="video-header" class="alt-header" style="height: 299px;"><span id="controlBar_P2" class="mb_YTVPBar inlinePlayer" style="white-space: nowrap; position: absolute; z-index: 1000;"><div class="buttonBar"><span class="mb_YTVPPlaypause ytpicon">p</span><span class="mb_YTVPMuteUnmute ytpicon">M</span><span class="mb_YTVPTime">00 : 23 / 00 : 30</span><span class="mb_YTVPUrl ytpicon" title="view on YouTube">Y</span><span class="mb_OnlyYT ytpicon">O</span></div><div class="mb_YTVPProgress" style="position: absolute;"><div class="mb_YTVPLoaded" style="position: absolute; left: 0px; width: 100%;"></div><div class="mb_YTVTime" style="position: absolute; left: 0px; width: 1034.23333333333px;"></div></div></span><div class="mbYTP_wrapper" id="wrapper_mbYTP_P2" style="position: absolute; z-index: 0; min-width: 100%; min-height: 100%; left: 0px; top: 0px; overflow: hidden; -webkit-transition-property: opacity; transition-property: opacity; -webkit-transition-duration: 2000ms; transition-duration: 2000ms; -webkit-backface-visibility: hidden; opacity: 1;"><iframe id="mbYTP_P2" class="playerBox" style="position: absolute; z-index: 0; top: 0px; left: 0px; overflow: hidden; opacity: 1; width: 1672.76px; height: 1012px; margin-top: -356.5px; ;" frameborder="0" allowfullscreen="1" title="YouTube video player" width="640" height="360" src="https://www.youtube.com/embed/tt3fcX4zMAY?autoplay=0&modestbranding=1&controls=0&showinfo=0&rel=0&enablejsapi=1&version=3&playerapiid=mbYTP_P2&origin=http%3A%2F%2Fdominiknekolny.com&allowfullscreen=true&wmode=transparent&iv_load_policy=3&html5=1"></iframe><div class="YTPOverlay" style="position: absolute; top: 0px; left: 0px; width: 100%; height: 100%;"></div></div>
<span class="header-mask"></span>
<div id="P2" class="player video-container mb_YTVPlayer" data-property="{videoURL:'https://www.youtube.com/watch?v=tt3fcX4zMAY&feature=youtu.be',containment:'#video-header', autoPlay:true, showControls:true, mute:false, startAt:0, opacity:1}" title="https://youtube.com/devicesupport" style="position: relative; background: none;"></div>
</div>