start moving all gifs to webm

content/posts/you-need-to-learn-linux.md

@@ -25,7 +25,7 @@ struggle with the OS simply because it's fundamentally different
 compared to the other operating systems, but with a bit of time you
 can master the basics and unlock it's true power.
 
-![true power](/gif/mha-power.gif)
+{{< video label="true power" webm="/webm/mha-power.webm" >}}
 
 ## **But Why**
 **Linux is everywhere**, from data centres to your smart toaster. So

layouts/shortcodes/video.html

@@ -0,0 +1,5 @@
+<video autoplay loop muted playsinline aria-label='{{ .Get "label"}}'>
+    {{ with .Get "mp4" }}<source src="{{ . }}" type="video/mp4">{{ end }}
+    {{ with .Get "webm" }}<source src="{{ . }}" type="video/webm">{{ end }}
+    <p> Your browser does not support video. </p>
+</video>