HTML5 video – i baggrund + modal
- Dette indlæg indeholder 1 kommentar, har 2 deltagere og blev senest opdateret af
Krisp for 5 år, 4 måneder siden.
- Emne
Har vi nogle web front-end udviklere her på DR? kunne Kunne virkelig godt bruge lidt gode råd og hjælp til en løsning jeg er ved at sætte op.
Skal have lavet en løsning, der er så “lightweight” som muligt til have en muted video auto-afspille i et “hero”-element i toppen af en side. Og så en “callout” oven på med en play-knap, som når trykkes på popper samme video op i fuld-browservindue modal (ikke fullscreen) og spiller samme video fra starten med lyd. Og når modal lukkes spiller bagrundvideo stadig videre uden lyd.
Bygger sitet fra bunden så har rimelig mulig for at lave det meste..
Har særlig brug for hjælp til:
– Finde korrekte jQuery framework/biblioteker
– Håndterer det ikke spiller baggrunds filmen, når den ikke er synlig fordi besøgende har scrollet videre ned på siden – hjælper vel på resource forbrug?
– Stoppe baggrunds film når modal popper op, og fortsætter igen når den den lukkes – igen ressource forbrug tænker jeg.
– Sikre browser ikke downloader den samme video to gange
– Fallback til bare at vise baggrundsbillede, hvis video eller scripts, ikke understtøttes i browser. (Denne har jeg sku nok styr på i virkeligheden, ikke så svært at finde noget at detekte browser understøtelse og kun afvikle og style resten hvis supporteret, men nævner den alligevel)Bruger i øjeblikket et minimalt bootstrap baseret gridsystem at håndtere generelt responsivt layout og en smule jquery til en slider. Forvente at bruge HTML5 video og jquery modal løsning til video pop op-og jquery for noget af funktionaliteten.
Har ikke brug for enkomplet kodet løsning, bare brug for nogle noget hjælp til at gå i den rigtige retning med at få funktionaliteten og optimering på plads.
- Du skal være logget ind for at kommentere på dette indlæg.
























