add video component

website/src/components/BlogVideo.astro

@@ -0,0 +1,5 @@
+---
+const { src } = Astro.props;
+---
+
+<video controls width="600" src={src}></video>

website/src/content/blog/release-0.8.0-himbeermuffin.mdx

@@ -6,6 +6,8 @@ tags: ['meta']
 author: froos
 ---
 
+import BlogVideo from '../../components/BlogVideo.astro';
+
 # Release Notes v0.8.0 Himbeermuffin
 
 These are the release notes for Strudel 0.8.0 aka "Himbeermuffin"!
@@ -43,7 +45,7 @@ I would be very happy to collect some feedback on how it works across different
 
 Also still undocumented, but you can now visualize patterns as a spiral via `.spiral()`:
 
-https://github.com/tidalcycles/strudel/assets/12023032/05bc2dba-b304-4298-9465-a1a6fafe5ded
+<BlogVideo src="https://github.com/tidalcycles/strudel/assets/12023032/05bc2dba-b304-4298-9465-a1a6fafe5ded" />
 
 This is especially nice because strudel is not only the name of a dessert but also the german word for vortex! The spiral is very fitting to visualize cycles because you can align cycles vertically, while surfing along an infinite twisted timeline.
 

website/src/content/blog/release-0.9.0-bananenbrot.mdx

@@ -6,6 +6,8 @@ tags: ['meta']
 author: froos
 ---
 
+import BlogVideo from '../../components/BlogVideo.astro';
+
 # Release Notes v0.9.0 Bananenbrot
 
 These are the release notes for Strudel 0.9.0 aka "Bananenbrot"!
@@ -25,7 +27,7 @@ Main new features include:
 - [vibrato](https://strudel.tidalcycles.org/learn/synths#vibrato)
 - an integration of [ZZFX](https://strudel.tidalcycles.org/learn/synths#zzfx)
 
-https://github.com/tidalcycles/strudel/assets/12023032/652e7042-f296-496b-95cd-b2a4987fe238
+<BlogVideo src="https://github.com/tidalcycles/strudel/assets/12023032/652e7042-f296-496b-95cd-b2a4987fe238" />
 
 Related PRs: