diff --git a/_includes/youtube.html b/_includes/youtube.html
new file mode 100644
index 0000000..b18c55c
--- /dev/null
+++ b/_includes/youtube.html
@@ -0,0 +1,6 @@
+<div class="image">
+  <iframe class="youtube" src="https://www.youtube-nocookie.com/embed/{{ include.video }}"><a href="https://www.youtube.com/watch?v={{ include.video }}">YouTube video</a></iframe>
+{% if include.description %}
+  <div class="imagecaption">{{ include.description }}</div>
+{% endif %}
+</div>
diff --git a/assets/css/style-print.css b/assets/css/style-print.css
index 7368f0b..3dd5cf5 100644
--- a/assets/css/style-print.css
+++ b/assets/css/style-print.css
@@ -36,7 +36,7 @@ a, a:visited {
 }
 
 /* Blog */
-figure.image {
+.image {
 	text-align: center;
 }
 img.heading {
@@ -72,6 +72,20 @@ code {
 	padding-right: 3pt;
 	-webkit-print-color-adjust: exact;
 }
+iframe {
+	display: block;
+	border: none;
+}
+iframe.youtube {
+	text-align: center;
+	margin: auto;
+	width: 640px;
+	height: 64px;
+	padding-bottom: 8pt;
+}
+button.ytp-button {
+	display: none;
+}
 
 /* Advanced features here, to avoid upsetting retro browsers. */
 tr:nth-child(odd) {
diff --git a/assets/css/style-reduced.css b/assets/css/style-reduced.css
index e1cfc84..599829d 100644
--- a/assets/css/style-reduced.css
+++ b/assets/css/style-reduced.css
@@ -117,3 +117,10 @@ code {
 	border-radius: 3pt; /* N/A on IE6 */
 	padding: 0pt 3pt;
 }
+iframe {
+	display: block;
+	border: none;
+}
+iframe.youtube {
+	display: none;
+}
diff --git a/assets/css/style.css b/assets/css/style.css
index d1e8ca2..33dea7f 100644
--- a/assets/css/style.css
+++ b/assets/css/style.css
@@ -150,7 +150,7 @@ div#socialold {
 }
 
 /* Blog */
-figure.image {
+.image {
 	text-align: center;
 }
 img.heading {
@@ -212,3 +212,14 @@ code {
 	padding-left: 3pt;
 	padding-right: 3pt;
 }
+iframe {
+	display: block;
+	border: none;
+}
+iframe.youtube {
+	text-align: center;
+	margin: auto;
+	width: 640px;
+	height: 360px;
+	padding-bottom: 8pt;
+}