Move embed for Odysee into a shortcode.

content/posts/crafts/wooden-camping-chair.md

@@ -22,8 +22,8 @@ aliases:
 
 ## Video
 
-<iframe id="odysee-iframe" style="width:65%; aspect-ratio:16 / 9;" src="https://odysee.com/%24/embed/%40HyperVegan%3A2%2F20251104-HyperVegan-WoodenCampingChair%3A9?r=4q2dQKSs36tFPf8KCfHEopK8EYPchiaG" allowfullscreen></iframe>
+{{< odysee "https://odysee.com/%24/embed/%40HyperVegan%3A2%2F20251104-HyperVegan-WoodenCampingChair%3A9?r=4q2dQKSs36tFPf8KCfHEopK8EYPchiaG"
-
+    >}}
 
 [HyperVegan | Wooden Camping Chair](https://odysee.com/@HyperVegan:2/20251104-HyperVegan-WoodenCampingChair:9)
 

layouts/shortcodes/image-with-fallback.html

@@ -2,7 +2,6 @@
 }}{{ $url2 := .Get "img2" | default (.Get "fallback") | default (.Get 1)
 }}{{ $alt := .Get "alt" | default (.Get 2)
 }}
-
 <!-- These do not seem to work. Using JS solution.
 <picture>
   <source srcset="{{ $url1 }}">
@@ -13,5 +12,4 @@
   <img src="{{ $url2 }}" alt="{{ $alt }}">
 </picture>
 -->
-
 <img src="{{ $url1 }}" alt="{{ $alt }}" onerror="this.onerror=null; this.src='{{ $url2 }}';">

layouts/shortcodes/odysee.html

@@ -1 +1,8 @@
-TBD/TODO
+{{   $src := .Get 0 | default (.Get "url") | default (.Get "src")
+}}{{ $width := .Get 1 | default (.Get "width") | default "65" }}
+<iframe
+   id="odysee-iframe"
+   style="width:{{ $width }}%; aspect-ratio:16 / 9;"
+   src="{{ $src }}"
+   allowfullscreen>
+</iframe>