Merhaba Arkadaşlar,

Bu yazımda Arkaplanda video oynatmayı göstereceğim.

Normalde Arkaplan olarak resim veya renk belirleyebiliyoruz bunlar yerine video koymak isteyenler için html'in bir özelliği var.

ilk önce html 5 ile birlikte gelen video playeri kullanalım

<video autoplay loop mute>

<source src="http://players.edgesuite.net/videos/big_buck_bunny/bbb_448x252.mp4" type="video/mp4">

</video>

Videodaki Autoplay,loop,muteyi açıklayalım.

Autoplay: Sayfa Açıldığında otomatik videonun başlamasını sağlar,
loop : videonun tekrar tekrar oynatılmasını sağlar,
mute : sessiz olmasını sağlar



Şimdide Css özelliklerimizi yazdıkdan sonra işimiz bitmiştir.

video {
position: fixed;
right: 0;
bottom: 0;
min-width: 100%;
min-height: 100%;
width: auto;
height: auto;
z-index: -100;
background-size: cover;
}

HTML 5 VİDEO PLAYER DEMO

Diğer Paylaşımlar için Bloguma Göz atabilirsiniz.
bilalisler.net