diff --git a/layouts/shortcodes/youtube.html b/layouts/shortcodes/youtube.html
new file mode 100644
index 0000000..1dc78db
--- /dev/null
+++ b/layouts/shortcodes/youtube.html
@@ -0,0 +1,7 @@
+<iframe
+    class="youtube-embed"
+    src="https://www.youtube-nocookie.com/embed/{{ .Get 0 }}"
+    frameborder="0"
+    allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
+    allowfullscreen
+></iframe>
diff --git a/static/src/scss/style.scss b/static/src/scss/style.scss
index 2984fd3..36f3169 100644
--- a/static/src/scss/style.scss
+++ b/static/src/scss/style.scss
@@ -194,6 +194,11 @@ pre.chroma {
   iframe {
     width: 100%;
     height: 75vh;
+
+    &.youtube-embed {
+      margin-bottom: $paragraph-margin-bottom;
+      height: 50vh;
+    }
   }
 
   figure {