replace video link with embedded YouTube player + add video chip tag

blog/posts/speed-run-odoo-community-agent.html

@@ -55,6 +55,11 @@
             text-transform: uppercase;
             letter-spacing: 0.5px;
         }
+        .chip-video {
+            background: rgba(255,0,0,0.12);
+            color: #ff4444;
+            border: 1px solid rgba(255,0,0,0.35);
+        }
         h2 { font-size: 1.3rem; font-weight: 600; margin: 36px 0 12px; color: #f0f0ff; }
         h3 { font-size: 1.1rem; font-weight: 600; margin: 24px 0 8px; color: #e0e0f0; }
         p { margin-bottom: 16px; color: #c8c8d8; }
@@ -98,13 +103,12 @@
             <span>June 10, 2026</span>
             <span class="area-tag">speed-run</span>
             <span class="chip-tag">hermes</span>
+            <span class="chip-tag chip-video">video</span>
         </div>
 
-        <p style="margin-bottom:20px">
+        <div style="position:relative;width:100%;padding-bottom:56.25%;margin-bottom:24px;border-radius:12px;overflow:hidden;background:#000">
-            <a href="https://www.youtube.com/watch?v=Gx-XiCJAt8g" target="_blank" rel="noopener" style="display:inline-flex;align-items:center;gap:8px;background:#ff0000;color:#fff;padding:8px 20px;border-radius:8px;font-weight:600;text-decoration:none;font-size:0.92rem">
+            <iframe src="https://www.youtube.com/embed/Gx-XiCJAt8g" title="I Connected AI to Odoo in 10 Minutes — Here's How" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen style="position:absolute;top:0;left:0;width:100%;height:100%"></iframe>
-                &#9654; Watch the video (10 min)
+        </div>
-            </a>
-        </p>
 
         <h2>Introduction</h2>
         <p>