diff --git a/frontend/app_flowy/packages/appflowy_editor/README.md b/frontend/app_flowy/packages/appflowy_editor/README.md
index 5b8119aae2..a317119829 100644
--- a/frontend/app_flowy/packages/appflowy_editor/README.md
+++ b/frontend/app_flowy/packages/appflowy_editor/README.md
@@ -27,7 +27,7 @@ and the Flutter guide for
 </p>
 
 <div align="center">
-    <img src="https://github.com/AppFlowy-IO/AppFlowy/blob/main/frontend/app_flowy/packages/appflowy_editor/documentation/images/appflowy_editor_example.gif?raw=true" width = "700" style = "padding: 100"/>
+    <img src="https://github.com/AppFlowy-IO/AppFlowy/blob/main/frontend/app_flowy/packages/appflowy_editor/documentation/images/appflowy_editor_example.mp4?raw=true" width = "700" style = "padding: 100"/>
 </div>
 
 ## Key Features
diff --git a/frontend/app_flowy/packages/appflowy_editor/documentation/images/appflowy_editor_example.gif b/frontend/app_flowy/packages/appflowy_editor/documentation/images/appflowy_editor_example.mp4
similarity index 100%
rename from frontend/app_flowy/packages/appflowy_editor/documentation/images/appflowy_editor_example.gif
rename to frontend/app_flowy/packages/appflowy_editor/documentation/images/appflowy_editor_example.mp4