Background olarak resim veya renk yerine video koymak isterseniz html 5 video player ile yapmak çok kolay.
hemen bir örnek yapalım
ilk önce html 5 ile birlikte gelen video playeri kullanalım
HTML5 Video
Burası Site İçeriğiniz Olsun
Şimdide Css özelliklerimizi yazdıkdan sonra işimiz bitmiştir.
.icerik {
width: 100%;
background: rgba(0,0,0,0.7);
display: table;
height: 100%;
position: absolute;
top: 0;
bottom:0;
text-align:center;
}
.icerik section{
vertical-align: middle;
color: #ccc;
}
.icerik h1 {
font-weight:700; font-family:arial
}
video {
position: fixed;
right: 0;
bottom: 0;
min-width: 100%;
min-height: 100%;
width: auto;
height: auto;
z-index: -100;
background-size: cover;
}
