tigtools

YouTube-embedkodegenerator

Indsæt et YouTube-link, vælg afspillerindstillingerne, og kopier iframe-koden ind på dit website. Responsiv tilstand fylder containerens bredde i 16:9.

Kører i din browser Ingen tilmelding

Video

Afspilning

En sprogkode som f.eks. en, de eller pt-BR. Sætter sproget for afspillerens brugerflade og, når undertekster er aktiveret, det foretrukne undertekstsprog.

Størrelse og side

Størrelse

Afspilleren fylder hele containerens bredde og bevarer et 16:9-format ved hjælp af CSS-egenskaben aspect-ratio, som understøttes af aktuelle browsere.

Beskriver afspilleren for skærmlæsere. Brug videoens titel, hvis du kan.

Embedkode

Indsæt et videolink for at få embedkoden.

Sådan bruger du det

  1. Indsæt YouTube-videolinket eller dets 11-tegns ID.
  2. Angiv start- og sluttidspunkter og de afspilningsindstillinger, du ønsker.
  3. Vælg responsiv eller en fast størrelse, og angiv en beskrivende titel.
  4. Kopier HTML-koden, og indsæt den på din side eller i din website-builders HTML-blok. Brug Vis forhåndsvisning til at teste den.

Sådan fungerer det

Koden bruger YouTubes standard iframe-afspiller. Valgmuligheder bliver til URL-parametre på afspilleradressen: start og end (sekunder), autoplay, mute, loop med playlist, controls=0, cc_load_policy=1 for undertekster, cc_lang_pref for undertekstsproget og hl for afspillersproget. Privatlivsforbedret tilstand skifter adressen til youtube-nocookie.com.

Nogle valgmuligheder har grænser, som er sat af YouTube eller af browsere. Autoplay virker kun, når videoens lyd er slået fra, så værktøjet tilføjer mute=1 sammen med autoplay. For at afspille en enkelt video i loop skal parameteren playlist være sat til det samme video-id, hvilket værktøjet tilføjer. Undertekster vises kun, hvis videoen har undertekster. Videoer, hvor ejeren har deaktiveret indlejring, viser en fejl i afspilleren.

I responsiv tilstand pakkes iframe ind i en boks med aspect-ratio: 16 / 9 og width: 100%, så den skalerer med siden uden det ældre padding-bottom-trick. Fast tilstand skriver width- og height-attributter. Lazy loading forsinker afspilleren, indtil den er tæt på den synlige del af siden.

Eksempler

Privatlivsvenlig responsiv indlejring

Standardindstillinger: youtube-nocookie.com, responsiv 16:9 og lazy loading. Indsæt kodestykket på en hvilken som helst HTML-side.

Loop i baggrundsstil

Autoplay, loop og ingen kontroller giver …/embed/ID?autoplay=1&mute=1&loop=1&playlist=ID&controls=0.

Afspil kun én sektion

Start ved 1:00 og stop ved 2:30 giver start=60&end=150, så afspilleren kun afspiller den del.

Ofte stillede spørgsmål

Hvorfor afspilles min indlejrede video ikke automatisk med lyd?

Browsere blokerer automatisk afspilning med lyd. Automatisk afspilning kræver mute=1, som værktøjet tilføjer automatisk; nogle browsere eller indstillinger blokerer det stadig.

Hvad gør privatlivsforbedret tilstand?

Den indlæser afspilleren fra youtube-nocookie.com. Ifølge YouTube gemmes oplysninger om besøgende så ikke til personalisering, medmindre de afspiller videoen.

Hvorfor skal jeg bruge playlist= for at loope?

YouTubes loop-parameter virker kun med en playliste. Hvis playlist sættes til det samme video-id, gentages en enkelt video.

Virker den genererede kode i WordPress?

Ja. Indsæt den i en brugerdefineret HTML-blok. Nogle website-buildere fjerner iframes af sikkerhedsmæssige årsager; brug så deres egen videoblok.

Privatliv

Integrationskoden opbygges i din browser, og intet sendes nogen steder hen. Kun hvis du klikker på Vis forhåndsvisning, indlæser din browser afspilleren fra YouTube (eller youtube-nocookie.com).