fixes Markdown

src/app/[locale]/applications/[slug]/ApplicationClient.tsx

@@ -8,6 +8,7 @@ import Image from "next/image";
 import Script from "next/script";
 import { ArrowLeft, CheckCircle2, Zap, LayoutDashboard, Cpu, PencilRuler, Factory, MapPin, ChevronDown, Play, FileText, Box, Loader2, Maximize, X, ChevronLeft, ChevronRight } from "lucide-react";
 import BreathingField from "@/components/visuals/BreathingField";
+import AutoPlayVideo from "@/components/AutoPlayVideo";
 
 // 🔥 EL TRUCO DEFINITIVO PARA TYPESCRIPT Y WEB COMPONENTS 🔥
 // Al asignar el string a una variable con 'as any', TypeScript deja de 
@@ -467,7 +468,7 @@ const renderMarkdown = (text: string, onImageClick: (url: string) => void) => {
           </div>
           <div className="aspect-video">
             {isLocalMp4 ? (
-              <video src={videoSrc} controls playsInline preload="metadata" className="w-full h-full object-contain" />
+              <AutoPlayVideo src={videoSrc} className="w-full h-full object-contain" />
             ) : (
               <iframe src={videoSrc} className="w-full h-full" allowFullScreen title="Embedded video" />
             )}
@@ -887,7 +888,7 @@ function ExpandedCaseStudy({ node }: { node: any }) {
                     return (
                       <div key={`v-${idx}`} className="relative w-full aspect-video rounded-2xl md:rounded-3xl overflow-hidden border border-black/10 dark:border-white/10 shadow-xl bg-black col-span-1 md:col-span-2">
                         {isLocalMp4 ? (
-                          <video src={videoSrc} controls playsInline preload="metadata" className="absolute inset-0 w-full h-full object-contain" />
+                          <AutoPlayVideo src={videoSrc} className="absolute inset-0 w-full h-full object-contain" />
                         ) : (
                           <iframe src={videoSrc} className="absolute inset-0 w-full h-full" allowFullScreen title={`Video ${idx + 1}`} />
                         )}