Onepage Siteye - Video Background Eklenmesi / Yardım

Arkadaşlar merbaha,

Onepage ile tasarladığım sayfamın giriş ekranına video background eklemek istiyorum. Şuanda 1200x300 .png mevcut. Yapmaya çalıştığım,

1. png resmin yerine youtube üzerinde bulunan 13 sn uzunluğunda 2 mb büyüklüğündeki videoyu background olarak kullanmak.

2. Mobil ve Tablet cihazlarda ise video responsive olamayacağı için mevcut png resmin göstermek istiyorum.

Konu hakkında bilgisi olan arkadaşların yardımlarını bekliyorum.

<video id="bgvid" playsinline autoplay muted loop><source src="video url" type="video/webm"></video>

Url kısmına hostta attığınız video urlsi olmalı ben böyle yapmıştım. Bu arada mobilde responsive olmama gibi bir sıkıntısı yok. Kolay bir şekilde yapabilirsiniz.

<video poster="assets/images/background.png" preload="auto" autoplay loop muted id="backgroundvid">
 <source src="assets/images/backvideo.mp4" type='video/mp4; codecs="avc1.4D401E, mp4a.40.2"'>
</video>

<style media="screen" type="text/css">
video#backgroundvid { 
position: fixed;
top: 0px;
left: 0px;
min-width: 100%;
min-height: 100%;
width: auto;
height: auto;
z-index: 10;
background: url(assets/images/background.png) 
no-repeat;
background-size: cover;
						 
}
</style>

Kendinize göre editleyip kullanabilirsiniz. Geçen günlerde yaptığım bir web sitesinde kullandığım linktir. İyi çalışmalar kolay gelsin.

@RixpeR ve @FKonyali çok teşekkür ederim arkadaşlar, yardımcı oldunuz. Yönlendirmenizle sorunu çözdüm. İyi günler