diff --git a/content/projects/chatto-a-self-hosted-e2ee-chat-application.md b/content/projects/chatto-a-self-hosted-e2ee-chat-application.md
index dcff1ff..6841927 100644
--- a/content/projects/chatto-a-self-hosted-e2ee-chat-application.md
+++ b/content/projects/chatto-a-self-hosted-e2ee-chat-application.md
@@ -86,7 +86,7 @@ Chatto is a self hosted, end to end encrypted chat application.
     </source>
 </video> -->
 ### Infinite scroll
-{{< apvid >}}/img/projects/chatto/chatto-preview-infinite-scroll-2.mkv{{< /apvid >}}
+{{< apvid >}}/img/projects/chatto/chatto-preview-infinite-scroll-2.webm{{< /apvid >}}
 Decryption takes place on the fly on a background thread using the web worker API for a smooth user experience.
 
 ### E2EE Passphrase
@@ -94,4 +94,4 @@ Decryption takes place on the fly on a background thread using the web worker AP
 Note - passphrase is not stored on the server, or anywhere other than client's memory. The app simply checks whether decryption was successful to determine whether the passphrase is correct.
 
 ### Markdown in chat
-{{< avid >}}/img/projects/chatto/chatto-preview-markdown.mkv{{</ avid>}}
+{{< avid >}}/img/projects/chatto/chatto-preview-markdown.webm{{</ avid>}}
diff --git a/layouts/shortcodes/apvid.html b/layouts/shortcodes/apvid.html
index fefd149..775662f 100644
--- a/layouts/shortcodes/apvid.html
+++ b/layouts/shortcodes/apvid.html
@@ -1,5 +1,5 @@
 <p align="center">
-    <video autoplay loop>
+    <video autoPlay muted loop>
         <source type="video/mp4" src="{{- .Inner -}}" />
     </video>
 </p>
\ No newline at end of file
diff --git a/layouts/shortcodes/avid.html b/layouts/shortcodes/avid.html
index 9c596b5..8b8345a 100644
--- a/layouts/shortcodes/avid.html
+++ b/layouts/shortcodes/avid.html
@@ -1,4 +1,4 @@
 
-<video autoplay loop style=" width: 100%    !important; height: auto   !important;">
+<video autoPlay muted loop style=" width: 100%    !important; height: auto   !important;">
     <source type="video/mp4" src="{{- .Inner -}}" />
 </video>
\ No newline at end of file
diff --git a/static/img/projects/chatto/chatto-preview-infinite-scroll-2.webm b/static/img/projects/chatto/chatto-preview-infinite-scroll-2.webm
new file mode 100644
index 0000000..f48b70f
Binary files /dev/null and b/static/img/projects/chatto/chatto-preview-infinite-scroll-2.webm differ
diff --git a/static/img/projects/chatto/chatto-preview-infinite-scroll.mkv b/static/img/projects/chatto/chatto-preview-infinite-scroll.mkv
deleted file mode 100644
index d12add6..0000000
Binary files a/static/img/projects/chatto/chatto-preview-infinite-scroll.mkv and /dev/null differ
diff --git a/static/img/projects/chatto/chatto-preview-markdown.mkv b/static/img/projects/chatto/chatto-preview-markdown.mkv
deleted file mode 100644
index ec02588..0000000
Binary files a/static/img/projects/chatto/chatto-preview-markdown.mkv and /dev/null differ
diff --git a/static/img/projects/chatto/chatto-preview-markdown.webm b/static/img/projects/chatto/chatto-preview-markdown.webm
new file mode 100644
index 0000000..66900a2
Binary files /dev/null and b/static/img/projects/chatto/chatto-preview-markdown.webm differ