tigtools

YouTube-upotuskoodigeneraattori

Liitä YouTube-linkki, valitse soittimen asetukset ja kopioi iframe-koodi sivustollesi. Responsiivinen tila täyttää käytettävissä olevan leveyden kuvasuhteella 16:9.

Toimii selaimessasi Ei rekisteröitymistä

Video

Toisto

Kielikoodi, kuten en, de tai pt-BR. Määrittää soittimen käyttöliittymän kielen ja, kun tekstitykset ovat käytössä, ensisijaisen tekstityskielen.

Koko ja sivu

Koko

Soitin käyttää koko säiliönsä leveyden ja säilyttää 16:9-muodon käyttämällä CSS:n aspect-ratio-ominaisuutta, jota nykyiset selaimet tukevat.

Kuvaa soittimen ruudunlukijoille. Käytä videon otsikkoa, jos mahdollista.

Upotuskoodi

Liitä videolinkki, niin saat upotuskoodin.

Käyttöohje

  1. Liitä YouTube-videon linkki tai sen 11-merkkinen tunnus.
  2. Aseta aloitus- ja lopetusajat sekä haluamasi toistoasetukset.
  3. Valitse responsiivinen tai kiinteä koko ja anna kuvaava otsikko.
  4. Kopioi HTML ja liitä se sivullesi tai sivustonrakentajasi HTML-lohkoon. Käytä Näytä esikatselu -painiketta testataksesi sen.

Näin se toimii

Koodi käyttää YouTuben tavallista iframe-soitinta. Valinnat muuttuvat soitinosoitteen URL-parametreiksi: start ja end (sekunteina), autoplay, mute, loop yhdessä playlist-parametrin kanssa, controls=0, cc_load_policy=1 tekstityksille, cc_lang_pref tekstityskielelle ja hl soittimen kielelle. Tietosuojaparannettu tila vaihtaa osoitteen muotoon youtube-nocookie.com.

Joillakin valinnoilla on YouTuben tai selainten asettamia rajoituksia. Autoplay toimii vain, kun video on mykistetty, joten työkalu lisää autoplayn kanssa arvon mute=1. Yhden videon toistaminen silmukassa edellyttää, että playlist-parametriksi asetetaan sama videotunnus; työkalu lisää sen. Tekstitykset näkyvät vain, jos videossa on tekstitykset. Jos videon omistaja on estänyt upottamisen, soitin näyttää virheen.

Responsiivisessa tilassa iframe-kehys asetetaan laatikkoon, jolla on aspect-ratio: 16 / 9 ja width: 100%, jolloin se skaalautuu sivun mukana ilman vanhaa padding-bottom-temppua. Kiinteässä tilassa kirjoitetaan width- ja height-attribuutit. Laiska lataus viivyttää soittimen lataamista, kunnes se on lähellä sivun näkyvää osaa.

Esimerkit

Tietosuojaystävällinen responsiivinen upotus

Oletusasetukset: youtube-nocookie.com, responsiivinen 16:9 ja laiska lataus. Liitä koodinpätkä mihin tahansa HTML-sivuun.

Taustalla toistuva silmukka

Automaattinen toisto, silmukka ja ohjaimet pois käytöstä tuottavat …/embed/ID?autoplay=1&mute=1&loop=1&playlist=ID&controls=0.

Toista vain yksi osa

Aloitus kohdasta 1:00 ja lopetus kohdasta 2:30 tuottavat start=60&end=150, joten soitin toistaa vain sen osan.

Usein kysytyt kysymykset

Miksi upotettu videoni ei toistu automaattisesti äänen kanssa?

Selaimet estävät automaattisen toiston äänen kanssa. Automaattinen toisto edellyttää mute=1, jonka työkalu lisää automaattisesti; jotkin selaimet tai asetukset estävät sen silti.

Mitä tehostettu tietosuojatila tekee?

Se lataa soittimen osoitteesta youtube-nocookie.com. YouTuben mukaan kävijöiden tietoja ei tällöin tallenneta personointia varten, elleivät he toista videota.

Miksi silmukointiin tarvitaan playlist=?

YouTuben loop-parametri toimii vain soittolistan kanssa. Asettamalla playlist samaksi videotunnukseksi yksittäinen video toistuu silmukassa.

Toimiiko luotu koodi WordPressissä?

Kyllä. Liitä se Mukautettu HTML -lohkoon. Jotkin sivustonrakentajat poistavat iframe-kehykset tietoturvasyistä; käytä silloin niiden omaa videolohkoa.

Tietosuoja

Upotuskoodi muodostetaan selaimessasi, eikä mitään lähetetä minnekään. Selain lataa soittimen YouTubesta (tai osoitteesta youtube-nocookie.com) vain, jos napsautat Näytä esikatselu -painiketta.