IMPLEMENTACION DE LOS VIDEOS EN EL CATALOGO PUBLICO

frontend/app.js

@@ -25,6 +25,23 @@ let cargando   = true;
 // ════════════════════════════════
 // CARGA DE DATOS
 // ════════════════════════════════
+async function cargarRedes() {
+  try {
+    const res = await fetch('/api/videos');
+    const videos = await res.json();
+    const grid = document.getElementById('redesGrid');
+    if (videos.length === 0) { grid.innerHTML = ''; return; }
+
+    grid.innerHTML = videos.map(v => `
+      <div class="video-card">
+        <video src="${v.url}" controls preload="metadata" playsinline></video>
+      </div>
+    `).join('');
+  } catch (err) {
+    console.error('Error cargando videos:', err);
+  }
+}
+
 async function cargarDatos() {
   try {
     const [resCats, resProds] = await Promise.all([
@@ -608,6 +625,7 @@ document.addEventListener('DOMContentLoaded', () => {
   setupNav();
   setupCartModals();
   cargarDatos();
+  cargarRedes();
 });