Video på nettsiden: Den komplette guiden

Du har endelig fått video på nettsiden. Filmen ble flott — men nå bruker siden flere sekunder på å laste, og på mobil scroller besøkende rett forbi den liggende videospilleren uten å trykke play. Høres det kjent ut?

Problemet er sjelden videoen i seg selv. Det er måten den er lagt inn på. Når 67 % av nettrafikken kommer fra mobil, betyr valget av format, spiller og lastestrategi like mye som innholdet — og det er akkurat det denne guiden handler om.

Gobi Stories er en norsk plattform for vertikal ansattvideo: ansatte filmer seg selv med mobilen, Gobi redigerer automatisk og publiserer historiene som lette, stående 9:16-videoer på nettsider, karrieresider og i stillingsannonser. Men dette er ikke en salgsside. Her får du en ærlig gjennomgang av alle de vanlige måtene å legge video på nettsiden — med fordeler og ulemper for hver.

Hvorfor video på nettsiden lønner seg

Video gjør noe tekst og bilder ikke får til: den viser ekte mennesker, ekte lokaler og ekte stemning. Besøkende som ser video, blir værende lenger, forstår tilbudet bedre og husker mer av det de har sett — enten videoen ligger på hjemmesiden, en produktside eller karrieresiden.

Effekten er målbar. Karrieresider med ansattvideo holder for eksempel på besøkende rundt 50 % lenger enn sider uten.

Lenger tid på siden betyr flere som leser ferdig, flere som klikker videre — og et signal til Google om at siden faktisk svarer på det folk leter etter.

Men gevinsten kommer ikke automatisk. En video som er lagt inn feil, kan dra ned både lastetid, brukeropplevelse og rangering. Derfor handler resten av denne guiden om hvordan du legger til video på nettsiden uten å betale den prisen.

Velg riktig format: liggende eller stående (9:16)?

De fleste guider hopper rett til det tekniske. Men det viktigste valget kommer før: hvilket format skal videoen ha?

Liggende 16:9-video ble laget for TV- og desktopskjermer. Stående 9:16-video er mobilens native format: den fyller hele skjermen uten svarte felt, og brukeren slipper å snu telefonen. Når to av tre besøkende kommer fra mobil, er kort, vertikal video i 9:16-format det naturlige utgangspunktet for de fleste bedriftsnettsider.

Formatvalget handler også om produksjon. En liggende «hero-film» krever gjerne filmteam, manus og klipperom — og ender ofte som én tung fil som skal vare i to år. En stående historie krever en ansatt, en mobil og to minutter. Den kan byttes ut når som helst, den laster lett, og den ser ut som innholdet folk allerede er vant til fra sosiale medier.

Liggende format har fortsatt sin plass: produktdemoer, webinarer og lengre presentasjoner som primært ses på desktop, fungerer godt i 16:9. Men for korte videoer som skal bygge tillit — folk som forteller, viser og anbefaler — vinner stående.

Slik legger du video på nettsiden: de fire vanligste metodene

Det finnes fire vanlige måter å legge video på en nettside: laste opp filen selv med HTML-elementet <video>, bygge inn en spiller fra YouTube eller Vimeo med en iframe, bruke videoblokken i CMS-et eller rekrutteringssystemet, eller bruke en lett story-widget som henter video via et asynkront script. Hvilken metode som er riktig, avhenger av hva du skal vise — og hvor mye kontroll du vil ha over hastighet, personvern og utseende.

Først en rask begrepsavklaring. Å «embedde» en video betyr å bygge den inn i nettsiden din, slik at den spilles av der — uten at besøkende sendes til en annen plattform. I praksis limer du inn en liten kodesnutt i HTML-en eller CMS-et, og kodesnutten henter videoen fra der den er lagret. Et eksempel: når du limer inn en YouTube-lenke i WordPress og det dukker opp en spiller i artikkelen, har du embeddet en video — uten å skrive en eneste linje kode.

1. Egenhostet video med <video>-taggen

Du laster opp videofilen til din egen server og viser den med HTML-elementet <video>.

Fordeler: Full kontroll over spiller og utseende. Ingen tredjeparter, ingen cookies, ingen andres logo.

Ulemper: Du må selv komprimere og eksportere i riktige formater, og serveren din må levere videodata til alle som trykker play. Uten adaptiv strømming risikerer du hakkete avspilling på mobilnett. Best når du har korte, små filer og teknisk kompetanse internt.

2. YouTube- eller Vimeo-embed (iframe)

Du laster opp videoen til YouTube eller Vimeo og limer inn embed-koden deres.

Fordeler: Gratis eller billig hosting, kjent spiller, ingenting å drifte selv. Adaptiv strømming følger med på kjøpet.

Ulemper: Iframen drar med seg tunge script som lastes selv om ingen trykker play. Standard YouTube-embed setter tredjeparts cookies, som krever samtykkebanner før avspilling. Og når videoen er ferdig, anbefaler YouTube gjerne andre videoer — i verste fall konkurrentens. Formatet er dessuten liggende.

3. Videoblokk i CMS eller rekrutteringssystem

WordPress, Webflow, Squarespace og de fleste rekrutteringssystemer har innebygde videoblokker.

Fordeler: Ingen kode, raskt å sette opp, og det fungerer med systemet du allerede har.

Ulemper: Under panseret er blokken som regel en av de to metodene over — med de samme ulempene. Kontrollen over ytelse, format og utseende varierer fra system til system.

4. Lett story-widget med asynkront script

En nyere kategori, bygget for korte, stående videoer: widgets som Gobi Player lastes med et lite asynkront script og henter selve videoen først når noen klikker.

Fordeler: Blokkerer ikke siden, stående 9:16-format, og ingen tredjeparts cookies — historiene spilles av uten samtykkebanner.

Ulemper: Egner seg for korte, vertikale historier — ikke for timelange webinarer. Og du knytter deg til en leverandør, slik du også gjør med YouTube.

Autoplay, lyd og folkeskikk

Det finnes noen uskrevne regler for video på nettsider — og noen av dem er faktisk skrevet ned i WCAG, retningslinjene for tilgjengelighet.

Autoplay kun uten lyd. Ingen liker en nettside som plutselig begynner å snakke. Nettlesere blokkerer som regel autoplay med lyd uansett, så en video som skal starte av seg selv, må være dempet. La brukeren selv skru på lyden.

Aldri kidnapp scrollingen. Videoer som utvider seg, flytter innhold eller låser skjermen mens brukeren prøver å scrolle forbi, skaper irritasjon — ikke engasjement.

Tekst alt. Mange ser video uten lyd, særlig på mobil. Teksting gjør videoen tilgjengelig for alle, også hørselshemmede — og den virker: videoer med teksting ses i snitt 12 % lenger (Gobi Stories kundedata).

Gi brukeren kontroll. WCAG 2.1 krever blant annet at innhold som beveger seg automatisk, skal kunne pauses eller stoppes. En spiller med tydelige kontroller er både god folkeskikk og god tilgjengelighet.

Ikke la videoen ødelegge lastetiden

Den vanligste feilen med video på nettsiden synes ikke i designet — den synes i målingene. En tung embed kan trekke ned Core Web Vitals, Googles måltall for sidehastighet, og dermed både brukeropplevelse og rangering i søk.

Heldigvis er løsningene enkle:

1. Last inn ved behov (lazy loading). Video som ligger lenger ned på siden, trenger ikke lastes før brukeren scroller dit. For iframes holder det ofte med loading="lazy".
2. Bruk et stillbilde (poster). Vis et lett forhåndsbilde, og hent selve videoen først når noen trykker play. Da reserverer du også plassen, slik at innholdet ikke hopper.
3. Last script asynkront. Spillerscript bør lastes med async eller defer, slik at de ikke blokkerer resten av siden.
4. Aldri autolast videodata. Selve videofilen er det tyngste elementet på hele siden. Den skal ikke lastes før noen faktisk vil se den.
5. Mål før og etter. Kjør siden gjennom PageSpeed Insights både før og etter at du legger inn videoen. Da vet du hva embedden faktisk koster.

Dette er prinsippene Gobi Player er bygget på: scriptet lastes asynkront, boblene viser lette miniatyrbilder, og videodata hentes først ved klikk. Hvordan det fungerer i detalj — og hva scriptet veier — kan du lese i Påvirker Gobi lastetiden på nettsiden?

Du trenger ikke filmteam: film selv med mobilen

Her kommer kanskje den viktigste innsikten i hele guiden: Videoen som fungerer best på en bedriftsnettside, er sjelden den dyreste. Det er en ekte ansatt som snakker til kamera, filmet stående på sin egen mobil. Ikke en polert reklamefilm, og ikke en AI-avatar — folk merker forskjellen, og det er nettopp det ekte som bygger tillit.

«Vi byttet ut en tung hero-film på forsiden med tre korte, stående ansatthistorier filmet på mobil. Siden ble raskere — og for første gang så vi at folk faktisk spilte av videoene på mobilen.»

Det er dette Gobi er bygget for. Ansatte filmer seg selv på mobilen — Autopilot sender invitasjoner og håndterer samtykke, Studio redigerer automatisk med teksting, og Gobi Player publiserer historiene som lette, stående 9:16-videoer på nettsiden. Resultatet er en jevn strøm av ekte videoinnhold til en brøkdel av kostnaden for tradisjonell produksjon — uten filmteam, og uten at IT trenger å bekymre seg for lastetiden.

Ofte stilte spørsmål om video på nettsiden

Hvordan legger jeg video på nettsiden?

Du kan legge video på nettsiden på fire måter: laste opp filen selv med <video>-taggen, bygge inn en YouTube- eller Vimeo-spiller med iframe, bruke videoblokken i CMS-et ditt, eller bruke en lett story-widget med asynkront script. For korte, stående videoer er en story-widget enklest og lettest for siden; for lange presentasjoner er YouTube eller Vimeo ofte mest praktisk.

Bør video på nettsiden spille av automatisk?

Kun uten lyd. Nettlesere blokkerer som regel autoplay med lyd, og besøkende opplever det som forstyrrende. En dempet video med teksting og en tydelig lydknapp er et godt kompromiss: den fanger oppmerksomhet uten å irritere.

Gjør video nettsiden tregere?

Den kan gjøre det — men må ikke. Tunge iframes og videodata som lastes automatisk, trekker ned hastigheten. Med lazy loading, asynkrone script, stillbilder og video som først hentes ved klikk, er påvirkningen på lastetiden minimal.

Hvilket videoformat er best for nettsider?

Stående 9:16 er best for korte videoer som skal ses på mobil, der flertallet av trafikken kommer fra. Liggende 16:9 passer for webinarer, produktdemoer og lengre innhold som primært ses på desktop. Hoster du filen selv, er MP4 (H.264) det tryggeste filformatet.

Trenger jeg cookie-samtykke for video på nettsiden?

Det avhenger av spilleren. Standard YouTube-embed setter tredjeparts cookies og krever samtykke før avspilling. Egenhostet video og cookiefrie spillere som Gobi Player kan spilles av umiddelbart, uten samtykkebanner.

Å legge video på nettsiden er enkelt. Å legge inn video som folk faktisk ser på mobilen — uten at siden blir tregere — krever tre bevisste valg: stående format, lett innlasting og ekte innhold.

Vil du ha den korteste veien dit? Les den praktiske guiden Slik legger du Gobi-historier på nettsiden, se hvordan Gobi Player fungerer — eller, når videoen først er på plass, hvor på siden den bør ligge.