Witajcie chciałbym Was prosić o rzucenie okiem na poniższy kod. Czy waszym zdaniem jest oki, jak nie to jak go udoskonalić? Zależy mi na tym aby tłem strony było nagranie video oraz żeby całość była responsywna. Jeżeli dana przeglądarka nie obsługuje takiego bajeru to ma sie pokazać normalne tło np. bg.png. Jak to zrobić?
<div id="big-video-wrap"> <video width="100%" autoplay loop muted>
<source src="images/intro.mp4" type="video/mp4">
</video>
<div class="video-pattern"></div>
Arkusz styli:
body {
font-family: 'Times New Roman', sans-serif;
color: #fff;
}
#big-video-wrap {
overflow: hidden;
position: absolute;
height: 100%;
width: 100%;
top: 0;
left: 0;
z-index: -11;
}
.video-pattern {
position: absolute;
z-index: -1;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0,0,0, 0.2) url(images/cien.png);
}