[HTML] Responsive HTML5 background video

[HTML] Responsive HTML5 background video

d4ng Zobacz profil	17.02.2014, 11:09:37 Post #1
Grupa: Zarejestrowani Postów: 191 Pomógł: 4 Dołączył: 7.03.2010 Ostrzeżenie: (0%)	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ć? [HTML] pobierz, plaintext </head> <body> <div id="big-video-wrap"> <video width="100%" autoplay loop muted> <source src="images/intro.mp4" type="video/mp4"> </video> </div> <div class="video-pattern"></div> <div id="content"> [HTML] pobierz, plaintext Arkusz styli: [HTML] pobierz, plaintext 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); } [HTML] pobierz, plaintext Ten post edytował d4ng 17.02.2014, 11:11:47