Lätt inbäddning av YouTube och Vimeo: fasadgenerator
Klistra in länkarna till klippen — du får ett färdigt block som visar en förhandsbild och laddar spelaren först efter ett klick. Noll externa bibliotek: allt som behövs finns i den genererade koden.
watch?v=, youtu.be, /embed/, /shorts/, youtube-nocookie.com. Vimeo: vimeo.com/ID, player.vimeo.com/video/ID, privata vimeo.com/ID/HASH. Tidsmarkeringen ?t= / &start= följer med till fasaden.
Valfria uppgifter separerade med lodstreck: URL | Titel | URL till miniatyrbild.
B:H eller B/H. Hamnar i CSS-egenskapen aspect-ratio.
hqdefault finns för varje klipp. maxresdefault finns bara där originalet laddades upp i 720p eller högre — annars öppnas bilden helt enkelt inte och tittaren ser en tom rektangel.
aria-label och iframens title.
i.ytimg.com: bara oEmbed-API:et returnerar den, och vi kan inte göra någon förfrågan dit — verktyget arbetar utan nätverk. Ladda därför upp bilden till webbplatsens mediebibliotek och klistra in länken. Utan den blir det en gradientplatshållare med en play-knapp.
Klistra in minst en länk för att få koden.
Klistras in i Gutenberg-blocket ”Anpassad HTML”. Blocket innehåller <style> och <script>: om din roll saknar rättigheten unfiltered_html eller om ett säkerhetstillägg rensar bort skript — fasaden visar miniatyren, men klicket gör ingenting.
Koden byggs i din webbläsare. Varken det genererade blocket eller själva förhandsvisningen gör någon extern förfrågan — bilderna från i.ytimg.com visas i förhandsvisningen som adresser och laddas inte in.
En enda inbäddad video kostar över en megabyte redan före första klicket
En vanlig YouTube-iframe laddar omkring 1,3 MB i ett par dussin anrop till sju främmande domäner — innan besökaren ens har bestämt sig för att titta på videon. På en sida med tre videor är det tre gånger så mycket, och det är nästan alltid just det som förstör hastighetsvärdena på mobilen. Fasaden löser problemet rakt på sak: först visas bara en förhandsbild med en uppspelningsknapp, och den riktiga spelaren infogas i samma stund som klicket sker. Före klicket väger sidan en storleksordning mindre. Det finns ett populärt bibliotek för detta, men alla instruktioner råder dig att ladda det från ett främmande CDN — alltså ta bort ett externt anrop och lägga till ett annat. Här är den genererade koden helt självförsörjande: stilar och skript ligger inuti blocket. En ytterligare effekt gäller integriteten. Den vanliga iframen sätter spårningskakor redan innan något visas. Domänen youtube-nocookie.com skjuter upp det till uppspelningen startar, och fasaden till klicket. För webbplatser som riktar sig till en europeisk publik berör det direkt kraven på samtycke till kakor.