Kevyt YouTuben ja Vimeon upotus: fasadigeneraattori
Liitä videoiden linkit — saat valmiin lohkon, joka näyttää esikatselukuvan ja lataa soittimen vasta napsautuksen jälkeen. Nolla ulkoista kirjastoa: kaikki tarvittava on luodun koodin sisällä.
watch?v=, youtu.be, /embed/, /shorts/, youtube-nocookie.com. Vimeo: vimeo.com/ID, player.vimeo.com/video/ID, yksityiset vimeo.com/ID/HASH. Aikaleima ?t= / &start= siirtyy julkisivuun.
Valinnaiset lisätiedot pystyviivalla eroteltuina: URL | Otsikko | Pikkukuvan URL.
L:K tai L/K. Menee CSS-ominaisuuteen aspect-ratio.
hqdefault on olemassa jokaiselle videolle. maxresdefault löytyy vain silloin, kun alkuperäinen ladattiin 720p:nä tai tarkempana — muuten kuva ei yksinkertaisesti aukea ja katsoja näkee tyhjän suorakulmion.
aria-label-attribuuttiin ja iframen title-attribuuttiin.
i.ytimg.com: sen palauttaa vain oEmbed-rajapinta, emmekä voi tehdä siihen pyyntöä — työkalu toimii ilman verkkoa. Lataa siis ruutukuva sivuston mediakirjastoon ja liitä linkki. Ilman sitä näkyy liukuväritäyte play-painikkeella.
Liitä vähintään yksi linkki saadaksesi koodin.
Liitä Gutenbergin ”Mukautettu HTML” -lohkoon. Lohko sisältää <style> ja <script>: jos roolillasi ei ole oikeutta unfiltered_html tai käytössä on skriptit poistava tietoturvalisäosa, julkisivu näyttää esikatselukuvan, mutta klikkaus ei toimi.
Koodi kootaan selaimessasi. Sen paremmin luotu lohko kuin esikatselukaan ei tee yhtään ulkoista pyyntöä — i.ytimg.com-palvelimen kuvat näytetään esikatselussa osoitteina, ei ladattuina.
Yksi upotettu video maksaa yli megatavun jo ennen ensimmäistä napsautusta
Tavallinen YouTube-iframe lataa noin 1,3 Mt parissakymmenessä pyynnössä seitsemälle ulkopuoliselle verkkotunnukselle — jo ennen kuin kävijä on päättänyt katsoa videon. Sivulla, jolla on kolme videota, määrä on kolminkertainen, ja lähes aina juuri se pilaa mobiilin nopeusluvut. Julkisivu ratkaisee ongelman suoraviivaisesti: aluksi näytetään vain esikatselukuva toistopainikkeineen, ja oikea soitin lisätään vasta klikkauksen hetkellä. Ennen klikkausta sivu painaa kertaluokkaa vähemmän. Tähän on olemassa suosittu kirjasto, mutta kaikki ohjeet neuvovat lataamaan sen vieraasta CDN:stä — eli poistamaan yhden ulkoisen pyynnön ja lisäämään toisen. Täällä luotu koodi on täysin omavarainen: tyylit ja skripti ovat lohkon sisällä. Lisävaikutus koskee yksityisyyttä. Tavallinen iframe asettaa seurantaevästeet jo ennen katselua. Verkkotunnus youtube-nocookie.com lykkää sen toiston alkuun ja julkisivu klikkaukseen. Eurooppalaiselle yleisölle suunnatuilla sivustoilla tämä liittyy suoraan evästesuostumusta koskeviin vaatimuksiin.