replace video link with an embed

site/content/blog/2020-11-03-whats-the-deal-with-sveltekit.md

@@ -7,12 +7,22 @@ authorURL: https://twitter.com/rich_harris
 
 <aside><p>If you <em>didn't</em> attend Svelte Summit, you can catch up on the <a href="https://www.youtube.com/c/SvelteSociety/videos">Svelte Society YouTube page</a></p></aside>
 
-If you attended [Svelte Summit](https://sveltesummit.com/) last month you may have seen my talk, [Futuristic Web Development](https://www.youtube.com/watch?v=qSfdtmcZ4d0), in which I finally tackled one of the most frequently asked questions about Svelte: when will Sapper reach version 1.0?
+If you attended [Svelte Summit](https://sveltesummit.com/) last month you may have seen my talk, Futuristic Web Development, in which I finally tackled one of the most frequently asked questions about Svelte: when will Sapper reach version 1.0?
 
 The answer: never.
 
 This was slightly tongue-in-cheek — as the talk explains, it's really more of a rewrite of Sapper coupled with a rebrand — but it raised a lot of new questions from the community, and it's time we offered a bit more clarity on what you can expect from Sapper's successor, SvelteKit.
 
+<div class="max">
+<figure style="max-width: 960px; margin: 0 auto">
+<div style="height: 0; padding: 0 0 57.1% 0; position: relative; margin: 0 auto;">
+	<iframe style="position: absolute; width: 100%; height: 100%; left: 0; top: 0; margin: 0;" src="https://www.youtube-nocookie.com/embed/qSfdtmcZ4d0" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
+</div>
+
+<figcaption>'Futuristic Web Development' from <a href="https://sveltesummit.com/">Svelte Summit</a></figcaption>
+</figure>
+</div>
+
 
 ## What's Sapper?
 

site/src/routes/blog/[slug].svelte

@@ -172,17 +172,4 @@
 			margin: 2em auto;
 		}
 	}
-
-	/* @media (min-width: 1460px) {
-		.post :global(iframe) {
-			width: 1360px;
-			margin: 2em -280px;
-		}
-	}
-
-	@media (min-height: 800px) {
-		.post :global(iframe) {
-			height: 640px;
-		}
-	} */
 </style>