Jak wyświetlać animację/wideo w tle strony internetowej?

pytanie zadane 29 maja 2018 w HTML i CSS przez Artek Stary wyjadacz (11,800 p.)

Chciałbym się dowiedzieć jakie narzędzie/technologia umożliwia odtwarzanie animacji/filmu w tle tak jak często jest np. na głównej stronie netflix'a. No bo chyba nie pliki gif jako background-image :D

2 odpowiedzi

odpowiedź 29 maja 2018 przez maciej.tokarz Nałogowiec (27,280 p.)

odpowiedź 29 maja 2018 przez Artek Stary wyjadacz (11,800 p.)

W sumie chyba zagalopowałem się z tym tematem. Nie wiem czemu, ale sądziłem, że to jakaś odmienna technologia będzie potrzebna a to się okazuje znacznie prostsze. Można nawet zrobić tak :

<video autoplay muted loop id="myVideo">
  <source src="2483.mp4" type="video/mp4">
  Your browser does not support HTML5 video.
</video>

komentarz 29 maja 2018 przez Tomek Sochacki Ekspert (227,510 p.)

zastanów się tylko dwa razy zanim to wdrożysz, bo przyznam szczerze, że mnie osobiście strasznie irytują tego typu elementy, tak samo jak mega naszpikowanie stron grafiką... Czasami mam wrażenie, że wielu dzisiejszych programistów za główny cel stawia sobie namachanie tysiąca animacji zamiast zrobić jakieś sensowne funkcjonalności i treść...

Także video oki, ale polecam zachować zdrowy rozsądek w takich rzeczach :)

komentarz 29 maja 2018 przez Artek Stary wyjadacz (11,800 p.)

Rozumiem Twoje obawy. Nie każdemu da się dogodzić w tym temacie.Jednak wiem, że do ludzi znacznie bardziej przemawiają obrazy(a w szczególności uwagę przyciągają ruchome obrazy) niż czysta treść. Taką mamy kulturę obrazkową. Też bym wolał się zająć tylko treścią i funkcjonalnością, ale jak np. pokażę komuś stworzoną przeze mnie stronę to zawsze pada komentarz: "ładna", "fajnie wygląda". Ludzie kupują lub nie oczami niestety.

komentarz 29 maja 2018 przez Tomek Sochacki Ekspert (227,510 p.)

zgadza się, doskonale Cię rozumiem. Wspomniałem o tym, bo jednak wielu devów wg mnie zbyt mocno nadużywa animacji itp. Z umiarem są oki, ale czasami na niektórych stronach czuję się jak na demówce animateCSS itp. :)

Klienci i tak i nie... czasami mam zapytania o pomoc w pozycjonowaniu istniejących stron i nierzadko już zdarzało mi się, że strony które niby są ładne, to tak na prawdę okazuje się, że dla google są niczym... Zero treści, jakieś sensownej, merytorycznej treści, fotki po nawet parę mb jedna... (tak to czasem jest jak stronkę robi deweloper na szybcika, a potem klient sam wrzuca fotki po 5mb :) Zawsze w takich przypadkach mówię ludziom aby sobie wzięli screen strony do painta, wymazali gumką wszystkie zdjęcia, grafiki itp. i zobaczyli co zostaje... czyli co tak na prawdę ma wartość na tej stronie... :)

Oczywiście nie ma to zastosowania wszędzie... np. na stronie fotografa wolałbym zobaczyć jego zdjęcia niż ich opisy "robiłem fotkę, gdzie Pan X stał obok Pani Y itp..." :)

Wszystko zawsze z umiarem, ale masz rację, nie dogodzi się w tych tematach wszystkim i nawet chyba nie ma sensu wielka dyskusja bo w sumie sprowadza się to do dyskutowaniu o gustach :)

Pomyśl może tylko np. nad zaserwowaniem video tylko na większych ekranach, a na tabletach i mobilkach coś statycznego, może fotka w tle itp, choć w sumie dzisiaj te komórki też są coraz szybsze i nety mobilne również więc nie ma tu jednoznacznej drogi.