Hva er Picture-in-Picture (PiP)?

Picture-in-Picture er en nettleserfunksjon som lar deg poppe en video ut av den gjeldende fanen inn i et lite flytende vindu som forblir øverst på skjermen din. Du kan flytte det hvor som helst, endre størrelse på det, og fortsette å se mens du blar gjennom andre faner, skriver dokumenter, eller gjør noe annet på datamaskinen din — videoen forblir synlig hele tiden.

PiP er innebygd i alle moderne skrivebordsnettlesere (Chrome, Edge, Firefox, Safari) gjennom en standardisert web API. Det krever ingen plugins eller utvidelser, og det flytende vinduet administreres helt av operativsystemet, så det vedvarer selv når du bytter applikasjoner.

Verktøybeskrivelse

Dette verktøyet laster inn en hvilken som helst direkte video-URL inn i en HTML5-spiller og lar deg starte den i Picture-in-Picture-modus med ett klikk. Lim inn en lenke til en offentlig tilgjengelig videofil, last den inn, og trykk "Start Picture-in-Picture" for å løsrive videoen inn i et flytende overlagsvindu.

Støttede formater

Ethvert videoformat som nettleserens native HTML5-spiller støtter:

  • MP4 (H.264 / H.265) — universelt støttet
  • WebM (VP8 / VP9 / AV1) — støttet i Chrome, Firefox, Edge
  • OGG / OGV (Theora) — støttet i Firefox og Chrome
  • MOV — støttet i Safari; begrenset støtte andre steder
  • M4V — støttet i de fleste Chromium-baserte nettlesere og Safari

Videofilen må serveres over HTTP/HTTPS og serveren må tillate cross-origin-forespørsler (CORS) for at nettleseren skal kunne laste den inn.

Hvordan det fungerer

  1. URL-en du angir lastes inn som src for et standard HTML5 <video>-element.
  2. Når du klikker "Start Picture-in-Picture", kaller nettleseren den native requestPictureInPicture() API-en på det elementet.
  3. Nettleseren løsriver videoen inn i et flytende vindu administrert av OS-vindubehandleren.
  4. Hvis du klikker "Avslutt Picture-in-Picture" (eller lukkeknappen på det flytende vinduet), kalles exitPictureInPicture() og videoen returneres til spilleren.

Funksjoner

  • Start og avslutt PiP med ett klikk direkte fra nettleseren — ingen utvidelser nødvendig
  • Fungerer med enhver offentlig tilgjengelig direkte video-URL
  • 16:9-forhold spiller med fullstendige native kontroller (spill av, pause, søk, volum, fullskjerm)
  • Starter automatisk avspilling før du går inn i PiP slik at videoen ikke fryses
  • Oppdager hvis PiP ikke støttes i gjeldende nettleser og viser en tydelig melding

Brukstilfeller

  • Se en opplæringsvideo i et flytende vindu mens du følger med i en kodeeditor eller en annen nettleserfane
  • Overvåk en direktestrøm eller innspilt videostrøm mens du arbeider i andre applikasjoner
  • Hold en videoreferanse synlig mens du redigerer dokumenter, regneark eller designfiler

Begrensninger

  • Videoserveren må tillate at filen hentes fra en annen opprinnelse (CORS-headere påkrevd). Mange CDN-er og direktefilverter gjør allerede dette; noen gjør det ikke.
  • PiP er ikke tilgjengelig i alle nettlesere — spesielt noen mobilnettlesere og eldre skrivebordversjoner støtter ikke API-en.
  • Strømmende playlistformater som HLS (.m3u8) og DASH (.mpd) støttes ikke direkte; bare progressive nedlastings-URL-er fungerer.

Vanlige spørsmål

Hvorfor mislykkes videoen å laste inn? Serveren som er vert for videoen, inkluderer kanskje ikke Access-Control-Allow-Origin-headeren som tillater cross-origin-lasting, eller URL-en kan kreve autentisering. Prøv en direkte offentlig lenke til en videofil.

Hvorfor er PiP-knappen deaktivert? Du må laste inn en video først ved å angi en URL og klikke "Last inn video". Knappen blir aktiv når en kilde er angitt.

Fungerer dette på mobil? Picture-in-Picture API har begrenset støtte på mobilnettlesere. På iOS støtter Safari PiP for videoer, men oppførselen kan variere. På Android kan Chrome støtte det avhengig av versjonen og OS-innstillingene.