Hvad er en indlejringskode?

En indlejringskode er et kort stykke HTML, som en websiteejer indsætter på en side, så en YouTube-video afspilles der i stedet for kun at være tilgængelig via et link. YouTube genererer den som et <iframe>-element, der peger på en speciel /embed/-URL for videoen.

Hvad en indlejringskode indeholder

Den indeholder som minimum en kilde-URL med video-ID’et, en bredde og højde (eller en responsiv wrapper i stedet), og et title-attribut af hensyn til tilgængelighed. Valgfrie parametre styrer automatisk afspilning, starttidspunkt, synlighed af kontroller og mere.

Sådan får du en

Du kan kopiere YouTubes egen version fra delingspanelet under en video, eller bruge indlejringsgeneratoren på denne side til at tilføje responsiv størrelse, privatlivstilstand, starttider og andre muligheder, som YouTubes standardpanel ikke tilbyder samlet.

Et nærmere kig på, hvordan en indlejringskode opbygges

En indlejringskode er ikke en fast streng, den samles af nogle udskiftelige dele. Domænet (youtube.com eller det privatlivsvenlige youtube-nocookie.com) bestemmer cookie-adfærden. Stien indeholder enten et enkelt video-ID eller, for en afspilningsliste, stien videoseries med en list-parameter. Forespørgselsparametre som start, autoplay og controls står efter et spørgsmalstegn og ændrer afspilningen. Og den omgivende markup, enten faste width/height-attributter eller en responsiv wrapper-div, bestemmer, hvordan afspilleren skaleres på siden. At forstå disse adskilte dele gør det meget lettere at læse, og manuelt redigere, en indlejringskode du ikke selv har genereret.

Et praktisk eksempel

Antag at du vil vise en produktdemo-video på en landingsside, privatlivsvenligt, med start 15 sekunder inde for at springe en intro over, uden automatisk afspilning. Den resulterende indlejringskode kombinerer et youtube-nocookie.com-domæne, en start=15-parameter og en responsiv wrapper:

<div style="position:relative;width:100%;padding-bottom:56.25%;height:0;overflow:hidden;">
  <iframe src="https://www.youtube-nocookie.com/embed/VIDEO_ID?start=15" style="position:absolute;top:0;left:0;width:100%;height:100%;border:0;" title="Product demo" allowfullscreen loading="lazy"></iframe>
</div>

Hver del af det udsnit svarer direkte til et valg: domænet for privatliv, start=15 for springet, og wrapperen for responsiv størrelse.

Indlejringskode kontra et almindeligt link

Det er værd at være klar over, hvad en indlejringskode ikke er. Et almindeligt YouTube-link (en watch- eller youtu.be-URL) er beregnet til deling og klik; indsat som ren tekst på en side ligger det bare der som en URL, eller bliver automatisk konverteret til en indlejring af platforme som WordPress, der understøtter oEmbed. En indlejringskode er derimod eksplicit HTML, som du styrer direkte, og som giver dig de storrelses-, privatlivs- og afspilningsmuligheder, som et almindeligt link ikke afslører. Beslægtede begreber, det er værd at forstå sammen med dette, er elementet iframe, som koden bygger på, og forskellen mellem indlejrings-URL og visnings-URL.

Almindelige fejl ved manuel redigering

Den mest almindelige fejl er at glemme at lukke iframe-tagget, eller at lade gamle, hårdkodede width- og height-værdier stå tilbage ved siden af en responsiv container, hvilket giver dobbelt skalering og en forvrænget afspiller. Et andet almindeligt problem er at indsætte en visnings-URL i stedet for en indlejrings-URL, hvilket ofte resulterer i et tomt felt i stedet for en fungerende video. Tjek altid, at domænet er youtube.com eller youtube-nocookie.com, og at stien starter med /embed/, for du går videre til forespørgselsparametrene.

Test koden for offentliggørelse

For du indsætter indlejringskoden på målsiden, er det værd at teste den i en simpel HTML-fil lokalt eller i et værktoj såsom CodePen, for at kontrollere at afspilleren indlæses korrekt, og at den responsive container opfører sig som forventet ved forskellige skærmbredder. Dette trin hjælper dig med at opdage stavefejl i URL-en eller forkerte parametre, for de når den skarpe side og skarpe besøgende.

Ofte stillede spørgsmål