Lett innbygging av YouTube og Vimeo: fasadegenerator
Lim inn lenkene til videoene — du får en ferdig blokk som viser en forhåndsvisning og laster spilleren først etter et klikk. Null eksterne biblioteker: alt som trengs, ligger i den genererte koden.
watch?v=, youtu.be, /embed/, /shorts/, youtube-nocookie.com. Vimeo: vimeo.com/ID, player.vimeo.com/video/ID, private vimeo.com/ID/HASH. Tidsmerket ?t= / &start= overføres til fasaden.
Valgfrie opplysninger skilt med loddrett strek: URL | Tittel | URL til miniatyrbilde.
B:H eller B/H. Havner i CSS-egenskapen aspect-ratio.
hqdefault finnes for alle videoer. maxresdefault finnes bare der originalen ble lastet opp i 720p eller høyere — ellers åpnes bildet rett og slett ikke, og seeren ser et tomt rektangel.
aria-label og iframe-ens title.
i.ytimg.com: bare oEmbed-API-et returnerer den, og vi kan ikke sende en forespørsel dit — verktøyet virker uten nett. Last derfor opp bildet til nettstedets mediebibliotek og lim inn lenken. Uten den blir det en gradientplassholder med en play-knapp.
Lim inn minst én lenke for å få koden.
Limes inn i Gutenberg-blokken «Egendefinert HTML». Blokken inneholder <style> og <script>: hvis rollen din mangler rettigheten unfiltered_html eller en sikkerhetsutvidelse fjerner skript — fasaden viser miniatyrbildet, men klikket gjør ingenting.
Koden bygges i nettleseren din. Verken den genererte blokken eller selve forhåndsvisningen gjør noen ekstern forespørsel — bildene fra i.ytimg.com vises i forhåndsvisningen som adresser og lastes ikke inn.
Én enkelt innebygd video koster over en megabyte allerede før første klikk
En vanlig YouTube-iframe laster omtrent 1,3 MB i et par dusin forespørsler til sju fremmede domener — før den besøkende i det hele tatt har bestemt seg for å se videoen. På en side med tre videoer er det tre ganger så mye, og det er nesten alltid nettopp dette som ødelegger hastighetstallene på mobil. Fasaden løser problemet rett fram: først vises bare et forhåndsbilde med en avspillingsknapp, og den ekte avspilleren settes inn i det øyeblikket du klikker. Før klikket veier siden en størrelsesorden mindre. Det finnes et populært bibliotek for dette, men alle veiledningene råder deg til å laste det fra et fremmed CDN — altså fjerne én ekstern forespørsel og legge til en annen. Her er den genererte koden helt selvstendig: stiler og skript ligger inne i blokken. En ekstra effekt gjelder personvern. Den vanlige iframen setter sporingsinformasjonskapsler før noe i det hele tatt er sett. Domenet youtube-nocookie.com utsetter dette til avspillingen starter, og fasaden til klikket. For nettsteder rettet mot et europeisk publikum berører dette direkte kravene til samtykke til informasjonskapsler.