Saltar al contenido principal

Proveedores de Video

¿Qué son los Proveedores de Video?​

Los proveedores de video son las plataformas o fuentes de donde provienen los videos de tus productos. El módulo Product Video soporta múltiples proveedores, facilitando agregar videos de diferentes fuentes a tus productos.

Importante

El módulo viene con dos proveedores preconfigurados: YouTube y Vimeo. Otros proveedores deben ser configurados primero en la configuración del módulo antes de poder usarlos.

Proveedores Soportados​

YouTube​

🎥 Proveedor Predeterminado

La plataforma de video más grande del mundo - perfecta para demos de productos, tutoriales y reseñas.

¿Por qué usar YouTube?

  • ✅ Alojamiento ilimitado gratuito
  • ✅ Ajuste automático de calidad
  • ✅ Carga rápida en todo el mundo
  • ✅ Controles de reproductor integrados
  • ✅ Reproducción optimizada para móviles

Formatos de URL soportados: Videos Regulares y Shorts

https://www.youtube.com/watch?v=VIDEO_ID
https://youtu.be/VIDEO_ID
https://youtube.com/shorts/VIDEO_ID
...
Opción de Privacidad

El módulo tiene la opción de usar el modo de privacidad mejorada de YouTube (youtube-nocookie.com)

Vimeo​

🎬 Proveedor Predeterminado

Plataforma profesional de alojamiento de video sin anuncios, ideal para presentaciones de productos de alta calidad.

¿Por qué usar Vimeo?

  • ✅ Reproducción limpia sin anuncios
  • ✅ Apariencia profesional
  • ✅ Streaming de alta calidad
  • ✅ Colores del reproductor personalizables
  • ✅ Controles de privacidad

Formatos de URL soportados:

https://vimeo.com/VIDEO_ID
https://player.vimeo.com/video/VIDEO_ID

HTML5 (Auto-alojado)​

💾 Control total

Aloja tus propios archivos de video directamente en tu servidor para tener control completo.

¿Por qué usar HTML5?

  • ✅ Control completo sobre tu contenido
  • ✅ Sin dependencias de terceros
  • ✅ Sin marcas ni anuncios
  • ✅ Funciona offline/intranet
  • ✅ Estilo de reproductor personalizado

Requisitos:

  • Formato recomendado: MP4 (códec H.264)
  • Tamaño máximo de archivo: Depende de tu servidor (típicamente 50-100MB)
  • Otros formatos soportados: WebM, OGG
Recursos del Servidor

Los videos auto-alojados usan el ancho de banda de tu servidor. Para tiendas con mucho tráfico, considera YouTube o Vimeo.

Técnico: Configuración óptima de video

Para mejor rendimiento y compatibilidad:

Formato: MP4
Códec: H.264
Resolución: (depende de la finalidad, si se soporta pantalla completa)
Relación de Aspecto: La misma que las imágenes del producto, si se va a usar la ubicación de imagen
Bitrate: 5-8 Mbps
Tasa de fotogramas: 30 fps
Audio: AAC, 128 kbps

iFrame Personalizado​

🔧 Solución universal

Incrusta contenido de cualquier plataforma usando código iframe - ¡no solo videos!

¿Qué puedes incrustar?

  • 📹 Videos de cualquier plataforma (Dailymotion, Wistia, Facebook, etc.)
  • 🗺️ Mapas interactivos
  • 🎨 Visores de modelos 3D
  • 📊 Presentaciones interactivas
  • 🎮 Configuradores de productos
  • ...¡cualquier cosa que proporcione código de incrustación iframe!

¿Por qué usar Proveedores Personalizados?

  • ✅ Funciona con CUALQUIER plataforma
  • ✅ Soporte para contenido especializado
  • ✅ Máxima flexibilidad
  • ✅ Fácil de agregar nuevas plataformas
Más allá de Videos

Los proveedores personalizados no se limitan a videos - ¡úsalos para modelos 3D interactivos, mapas o cualquier contenido incrustable!

Aviso de Seguridad

Por razones de seguridad, solo se aceptarán URLs de proveedores configurados. Si pegas una URL de una plataforma no configurada, necesitarás agregar ese proveedor primero.

Cómo Agregar/Habilitar Proveedores​

Usando los Proveedores Predeterminados (YouTube/Vimeo)​

YouTube y Vimeo vienen preconfigurados y no se pueden eliminar. Los scripts relacionados con el uso de esos proveedores solo se cargarán si el producto tiene un video de ellos, de lo contrario no se cargarán scripts.

Nota

Los proveedores predeterminados no se pueden deshabilitar ni eliminar para prevenir mal funcionamiento del módulo.

Agregando Proveedores Personalizados​

Para otras plataformas (Dailymotion, Wistia, Facebook, etc.), necesitas agregarlas primero:

Para plataformas con URLs de video (como Dailymotion):

  1. Ve a Módulos → Product Video → Configurar
  2. Haz clic en la pestaña Proveedores
  3. Haz clic en Agregar Nuevo Proveedor
  4. Completa el formulario:
    • Nombre: Nombre del proveedor (ej., "Dailymotion")
    • Tipo: Selecciona "Patrón de URL"
    • Dominio de URL: Ingresa el dominio de URL (ej., dailymotion.com)
  5. Haz clic en Guardar

Ejemplo de Patrón de URL:

Dominio: dailymotion.com
La ruta contiene: /video/

Agregando Videos a Productos​

Proceso Paso a Paso​

Usando proveedores configurados:

  1. Navega a Catálogo → Productos
  2. Edita tu producto
  3. Ve a la pestaña Videos
  4. Haz clic en Agregar Video
  5. Pega la URL de tu video
  6. Verifica el estado de la URL:
    • ✅ Verde: Proveedor reconocido, listo para guardar
    • ❌ Rojo: Proveedor no configurado
¿URL Rechazada?

Si la URL se vuelve roja, significa que ese proveedor aún no ha sido agregado. Necesitas:

  1. Agregar el proveedor primero en la configuración del módulo
  2. Volver e intentar de nuevo

Próximamente: ¡Enlace directo para agregar proveedores desde esta pantalla!

  1. Configura las opciones de visualización (opcional)
  2. Haz clic en Guardar

Seguridad del Proveedor​

¿Por qué Validación de URL?​

El módulo valida todas las URLs de video por razones de seguridad:

Beneficios:

  • 🔒 Previene inyección de contenido malicioso
  • ✅ Asegura que solo se usen plataformas configuradas
  • 🛡️ Protege tu tienda de ataques XSS
  • 📋 Mantiene control sobre las fuentes de contenido

Cómo funciona:

Próximamente

¡En futuras actualizaciones, podrás agregar proveedores directamente desde la pantalla "Agregar Video" sin salir de la página!

Eligiendo el Proveedor Correcto​

Guía de Decisión Rápida​

Usa YouTube cuando:

  • Tu video ya está en YouTube
  • Quieres alojamiento gratuito y rápido
  • Necesitas disponibilidad global
  • Estás de acuerdo con la marca de YouTube

Usa Vimeo cuando:

  • Quieres una experiencia sin anuncios
  • Necesitas apariencia profesional
  • Quieres controles de privacidad avanzados
  • Tienes una cuenta de Vimeo

Usa HTML5 cuando:

  • Necesitas control completo
  • Tienes pocos videos (ancho de banda del servidor)
  • Quieres sin marca de terceros
  • Estás en un entorno intranet/offline

Usa Proveedor Personalizado cuando:

  • Tu video está en otra plataforma
  • Necesitas contenido interactivo (mapas, 3D)
  • Los proveedores estándar no soportan tu plataforma
  • Tienes requisitos de incrustación especializados

Configuración de Proveedores​

Configurando Proveedores Habilitados​

Cada proveedor tiene configuraciones específicas que puedes personalizar:

Opciones Disponibles:

  • ✓ Habilitar/Deshabilitar proveedor
  • Reproducción automática (activar/desactivar)
  • Mostrar/ocultar controles
  • Repetir video
  • Modo de privacidad (youtube-nocookie.com)
  • Marca modesta

Acceso: Módulos → Product Video → Configurar → Proveedores → YouTube

Preguntas Comunes​

¿Por qué no puedo pegar cualquier URL que quiera?

Por razones de seguridad, el módulo solo acepta URLs de proveedores configurados. Esto previene:

  • Inyección de contenido malicioso
  • Incrustación de iframe no autorizada
  • Ataques XSS en tu tienda
  • Fuentes de contenido desconocidas/no confiables

Solución: Agrega el proveedor primero en la configuración del módulo, luego usa la URL.

Mi URL se volvió roja - ¿qué debo hacer?

Una URL roja significa que el proveedor aún no está configurado. Sigue estos pasos:

  1. Nota de qué plataforma es tu video (ej., Dailymotion)
  2. Ve a Módulos → Product Video → Configurar → Proveedores
  3. Agrega ese proveedor (ver Agregando Proveedores Personalizados)
  4. Regresa a tu producto
  5. Pega la URL de nuevo - ¡ahora debería volverse verde!
¿Puedo usar múltiples proveedores en el mismo producto?

¡Sí! Puedes mezclar diferentes proveedores en un solo producto:

  • Video demo de YouTube
  • Testimonio de Vimeo
  • Primer plano del producto HTML5
  • Visor 3D iframe personalizado

Siempre que cada proveedor esté configurado, todos funcionan juntos.

¿Necesito agregar YouTube y Vimeo?

¡No! YouTube y Vimeo vienen preconfigurados. Solo necesitas habilitarlos en la configuración de Proveedores. No es necesario agregar patrones ni configuraciones.

¿Puedo deshabilitar un proveedor temporalmente?

¡Sí! Ve a la configuración de Proveedores y haz clic en Deshabilitar en cualquier proveedor. Los videos de ese proveedor dejarán de mostrarse (pero no se eliminarán).

Reactiva en cualquier momento para restaurar la funcionalidad.

¿Qué sucede con los videos si elimino un proveedor?

Los videos permanecen en tu base de datos pero no se mostrarán en el front-end. Si vuelves a agregar el proveedor, funcionarán automáticamente de nuevo.

precaución

¡Ten cuidado al eliminar proveedores - asegúrate de que ningún producto esté usando videos de esa fuente!

Solución de Problemas​

Problemas Comunes​

La URL se vuelve roja inmediatamente al pegarla

Causa: El proveedor para esa URL aún no está configurado.

Solución:

  1. Identifica la plataforma de video (YouTube, Vimeo, Dailymotion, etc.)
  2. Verifica si ese proveedor está habilitado en Módulos → Product Video → Proveedores
  3. Si no está listado, agrega el proveedor
  4. Intenta pegar la URL de nuevo
Proveedor habilitado pero URL aún rechazada

Verifica estos puntos:

✓ El formato de URL es correcto - Copia directamente desde la página del video ✓ El proveedor está realmente habilitado - Verifica que el interruptor esté EN ON ✓ La URL coincide con el patrón - Para proveedores personalizados, verifica que tu patrón sea correcto ✓ Limpiar caché - Tanto la caché de PrestaShop como la del navegador

¿Aún no funciona? El patrón de URL para tu proveedor personalizado podría ser incorrecto. Verifica el dominio y el patrón de ruta.

Código iframe rechazado (rojo)

Causa: El dominio en el iframe no está en la lista de dominios permitidos.

Solución:

  1. Copia el dominio de tu iframe src (ej., player.example.com)
  2. Ve a Proveedores → Tu Proveedor Personalizado
  3. Agrega ese dominio a Dominios Permitidos
  4. Guarda e intenta de nuevo

Ejemplo:

<iframe src="https://player.example.com/video/123">

Agrega player.example.com a los dominios permitidos.

Mejores Prácticas​

Recomendaciones
  1. Habilita solo los proveedores necesarios - Mantén tu lista limpia y manejable
  2. Usa primero los proveedores predeterminados - YouTube/Vimeo están probados y optimizados
  3. Documenta los proveedores personalizados - Nota por qué agregaste cada proveedor personalizado
  4. Revisa los dominios permitidos - Verifica periódicamente la configuración de seguridad de iframe
  5. Prueba después de agregar - Siempre prueba un proveedor con una URL de video real

Consejos de Seguridad:

  • Solo agrega proveedores de plataformas confiables
  • Mantén la lista de dominios permitidos al mínimo
  • Revisa las fuentes de iframe personalizadas regularmente
  • Deshabilita proveedores no usados en lugar de eliminarlos

Próximos Pasos​

📍 Ubicaciones de Video

Aprende dónde se pueden mostrar los videos en tus páginas de productos

Ver Guía

⚙️ Configuración

Configura los ajustes del módulo y personaliza el comportamiento

Ver Guía
¿Necesitas Ayuda?

Si tienes preguntas sobre agregar proveedores o encuentras problemas, consulta nuestra página de Soporte o contáctanos.