Add video tags

docs/01-about/030_serena-in-action.md

@@ -4,11 +4,21 @@
 
 A demonstration of Serena efficiently retrieving and editing code within Claude Code, thereby saving tokens and time. Efficient operations are not only useful for saving costs, but also for generally improving the generated code's quality. This effect may be less pronounced in very small projects, but often becomes of crucial importance in larger ones.
 
-https://github.com/user-attachments/assets/ab78ebe0-f77d-43cc-879a-cc399efefd87
+<video src="https://github.com/user-attachments/assets/ab78ebe0-f77d-43cc-879a-cc399efefd87"
+controls
+preload="metadata"
+style="max-width: 100%; height: auto;">
+Your browser does not support the video tag.
+</video>
 
 ## Demonstration 2: Serena in Claude Desktop
 
 A demonstration of Serena implementing a small feature for itself (a better log GUI) with Claude Desktop.
 Note how Serena's tools enable Claude to find and edit the right symbols.
 
-https://github.com/user-attachments/assets/6eaa9aa1-610d-4723-a2d6-bf1e487ba753
+<video src="https://github.com/user-attachments/assets/6eaa9aa1-610d-4723-a2d6-bf1e487ba753"
+controls
+preload="metadata"
+style="max-width: 100%; height: auto;">
+Your browser does not support the video tag.
+</video>

docs/_config.yml

@@ -45,6 +45,8 @@ parse:
     # - smartquotes
     - substitution
     - tasklist
+    - html_admonition
+    - html_image
   myst_url_schemes: [ mailto, http, https ] # URI schemes that will be recognised as external URLs in Markdown links
   myst_dmath_double_inline: true  # Allow display math ($$) within an inline context