diff --git a/assets/webauthn-demo.mp4 b/assets/webauthn-demo.mp4
new file mode 100644
index 00000000..99997534
Binary files /dev/null and b/assets/webauthn-demo.mp4 differ
diff --git a/components/InlineVideo.vue b/components/InlineVideo.vue
new file mode 100644
index 00000000..582c35b8
--- /dev/null
+++ b/components/InlineVideo.vue
@@ -0,0 +1,13 @@
+<template>
+  <video
+    style="clip-path: inset(2px 2px)"
+    width="100%"
+    height="100%"
+    controls
+  >
+    <source
+      src="~/assets/webauthn-demo.mp4"
+      type="video/mp4"
+    />
+  </video>
+</template>
diff --git a/content/tutorials/signing-transactions-with-webauthn/10.index.md b/content/tutorials/signing-transactions-with-webauthn/10.index.md
index 027b9825..c9b897a5 100644
--- a/content/tutorials/signing-transactions-with-webauthn/10.index.md
+++ b/content/tutorials/signing-transactions-with-webauthn/10.index.md
@@ -27,9 +27,7 @@ To break this down, the app will allow users to:
 - Use WebAuthn to mint an NFT.
 - Have gasless transactions.
 
-<video style="clip-path:inset(2px 2px);" width="100%" height="100%" controls>
-  <source src="/videos/webauthn-demo.mp4" type="video/mp4">
-</video>
+:inline-video
 
 You can find the completed code inside the [Community Code repo](https://github.com/zkSync-Community-Hub/community-code/code/webauthn).
 
diff --git a/public/videos/webauthn-demo.mp4 b/public/videos/webauthn-demo.mp4
deleted file mode 100644
index f3672763..00000000
Binary files a/public/videos/webauthn-demo.mp4 and /dev/null differ