diff --git a/content/posts/kate-lsp-status-july-22/images/kate-lsp-video.mp4 b/content/posts/kate-lsp-status-july-22/images/kate-lsp-video.mp4
new file mode 100644
index 0000000..003d1c0
Binary files /dev/null and b/content/posts/kate-lsp-status-july-22/images/kate-lsp-video.mp4 differ
diff --git a/content/posts/kate-lsp-status-july-22/index.md b/content/posts/kate-lsp-status-july-22/index.md
index 2629ab5..3ef3391 100644
--- a/content/posts/kate-lsp-status-july-22/index.md
+++ b/content/posts/kate-lsp-status-july-22/index.md
@@ -32,7 +32,7 @@ parts to your **cmake** call. If you use **ninja** and not **make**, just use
 
 Then, let's see what you can do, once you are in a prepared build directory and have a **master** version of **Kate** in your **PATH**.
 
-<center><a href="https://youtu.be/w0grp9npnNA" target="_blank"><img width=500 src="images/kate-lsp-video.jpg"></a></center>
+{{< video src="/posts/kate-lsp-status-july-22/images/kate-lsp-video.mp4" type="video/mp4" preload="auto" >}}
 
 I hope the quality is acceptable, that is my first try in a long time to do some screen-cast ;)
 
diff --git a/layouts/shortcodes/video.html b/layouts/shortcodes/video.html
new file mode 100644
index 0000000..c17021b
--- /dev/null
+++ b/layouts/shortcodes/video.html
@@ -0,0 +1,4 @@
+<video width="100%" preload="{{ .Get "preload" }}" controls>
+    <source src="{{ .Get "src" }}" type="{{ .Get "type" }}">
+    Your browser does not seem to support the video {{ .Get "src" }}.
+</video>