Herramientas, Plugins Wordpress, Vídeo, Wordpress
Vídeos de Slider Revolution que no se reproducen en iPhone: ¡SOLUCIÓN!
¿Tienes un slider con vídeos que funciona perfectamente en el ordenador y en Android, pero cuando lo abres desde un iPhone el vídeo no se muestra y solo permite mostrar la imagen fija predefinida? Probablemente ya has revisado todas las opciones de Slider Revolution, activado la reproducción automática, silenciado el vídeo, comprobado la configuración para móviles y probado diferentes archivos MP4… pero el resultado sigue siendo el mismo: en iPhone no funciona y no encuentras una explicación clara.
No eres el único. Es un problema frecuente en páginas de WordPress que utilizan vídeos de fondo. Safari aplica unas políticas de reproducción automática más estrictas que otros navegadores y, además, muchos sliders crean los vídeos dinámicamente después de cargar la página. Por eso, una configuración que funciona en Android puede fallar completamente en iPhone.
Para solucionar este problema hemos creado Marabelia Video para iPhone, un plugin para WordPress que permite la reproducción automática de vídeos en Safari y dispositivos iPhone.
Aunque está especialmente recomendado para Slider Revolution, también puede utilizarse con otros sliders, constructores visuales, temas y desarrollos personalizados que empleen vídeos HTML5.
¿Por qué Slider Revolution no reproduce algunos vídeos en iPhone?
Para permitir que un vídeo comience automáticamente, Safari necesita que se cumplan determinadas condiciones.
El vídeo debe estar silenciado desde el inicio, reproducirse dentro de la propia página y estar correctamente identificado como contenido compatible con la reproducción integrada de iOS.
El problema se complica porque Slider Revolution puede crear, sustituir o reiniciar sus vídeos mediante JavaScript. En muchas ocasiones, el elemento de vídeo todavía no existe cuando se carga el código inicial de la página.
Esto puede provocar situaciones como:
- El slider aparece, pero el fondo queda negro.
- Se muestra una imagen estática en lugar del vídeo.
- El vídeo funciona en Android, pero no en iPhone.
- La reproducción solo empieza después de tocar la pantalla.
- Safari abre el vídeo fuera del diseño.
- El vídeo se detiene al cambiar de pestaña.
- El vídeo no vuelve a comenzar cuando cambia la diapositiva.
No siempre se trata de una configuración incorrecta de Slider Revolution. Normalmente, el problema está relacionado con las políticas de Safari y con el momento en el que el slider genera el vídeo.
¿Cómo lo soluciona nuestro plugin?
Marabelia Video para iPhone funciona como una capa adicional de compatibilidad entre WordPress, Slider Revolution y Safari.
El plugin detecta automáticamente los vídeos presentes en la página y les aplica las propiedades necesarias para favorecer su reproducción en iPhone:
- Reproducción automática.
- Vídeo silenciado.
- Reproducción continua en bucle.
- Reproducción integrada dentro de la página.
- Compatibilidad adicional con WebKit.
- Precarga automática del archivo.
También refuerza mediante JavaScript propiedades importantes como muted, defaultMuted y playsInline.
De esta forma, Safari puede interpretar el vídeo como un fondo decorativo sin sonido, en lugar de tratarlo como un contenido multimedia que necesita abrirse en el reproductor del iPhone.
Compatible con vídeos creados dinámicamente
Una de las características más importantes de Marabelia Video para iPhone es que no revisa los vídeos una sola vez.
Slider Revolution puede añadir el vídeo después de cargar la página, sustituirlo al cambiar de diapositiva o volver a crearlo durante una animación.
El plugin observa estos cambios y aplica nuevamente la configuración cuando detecta un vídeo nuevo.
También intenta recuperar la reproducción cuando:
- El vídeo termina de cargar.
- Slider Revolution completa su inicialización.
- El visitante toca la pantalla por primera vez.
- La página vuelve a estar visible.
- Safari pausa inesperadamente el vídeo.
- El slider cambia de diapositiva.
- Otro plugin sustituye o vuelve a crear el elemento de vídeo.
Todo sucede automáticamente, sin mostrar controles y sin modificar el diseño del slider.
Especialmente recomendado para Slider Revolution
Marabelia Video para iPhone puede utilizarse con módulos de Slider Revolution que incorporen:
- Vídeos MP4 como fondo.
- Capas de vídeo HTML5.
- Cabeceras hero con vídeo.
- Sliders a pantalla completa.
- Presentaciones con reproducción automática.
- Vídeos en bucle.
- Diferentes vídeos en varias diapositivas.
- Módulos de una sola diapositiva utilizados como portada.
No modifica los módulos, las animaciones, las transiciones ni la configuración visual. Slider Revolution continúa controlando el diseño y Marabelia Video para iPhone se ocupa de reforzar la reproducción en Safari.
También funciona con otros vídeos de WordPress
Aunque Slider Revolution es uno de sus principales usos, Marabelia Video para iPhone no depende exclusivamente de este plugin.
Puede complementar otras herramientas que generen vídeos HTML5, como:
- WPBakery Page Builder.
- Flatsome y UX Builder.
- Elementor.
- Gutenberg.
- Otros plugins de sliders.
- Fondos fijos o parallax.
- Cabeceras de vídeo incluidas en temas.
- Shortcodes personalizados.
- Bloques HTML.
- Plantillas desarrolladas a medida.
La compatibilidad final depende de cómo genere el vídeo cada herramienta, pero el plugin está preparado para detectar tanto vídeos incluidos desde el inicio como vídeos añadidos posteriormente mediante JavaScript.
¿Qué problemas puede solucionar?
Marabelia Video para iPhone puede ayudarte si:
- El vídeo funciona en Android, pero no en iPhone.
- El fondo del slider aparece en negro.
- Solo se muestra la imagen de portada.
- El vídeo comienza únicamente después de tocar la pantalla.
- Safari intenta abrir el vídeo fuera de la página.
- El vídeo se detiene y no vuelve a reproducirse.
- Slider Revolution crea el vídeo demasiado tarde.
- Faltan atributos necesarios para la reproducción en iOS.
- Un vídeo parallax o de fondo no comienza automáticamente.
El archivo MP4 también debe estar correctamente preparado
La configuración del archivo es tan importante como la configuración del slider.
Para conseguir la máxima compatibilidad con Safari y iPhone recomendamos utilizar vídeos:
- En formato MP4.
- Codificados con H.264.
- Sin pista de audio.
- Optimizados con fast start o web optimized.
- Comprimidos para reducir el tiempo de carga.
- Con una resolución adecuada para dispositivos móviles.
- Servidos con el tipo de contenido
video/mp4. - Alojados en un servidor compatible con peticiones por rangos.
Marabelia Video para iPhone puede silenciar un vídeo mediante HTML y JavaScript, pero no puede eliminar físicamente una pista de audio incluida dentro del archivo MP4.
Para conseguir el resultado más fiable, debemos combinar un archivo correctamente exportado con la capa de compatibilidad proporcionada por el plugin.
No necesitas reconstruir tus sliders
Instalar Marabelia Video para iPhone no obliga a rehacer los módulos de Slider Revolution.
El plugin actúa sobre los vídeos existentes:
- Detecta los elementos de vídeo.
- Aplica los atributos compatibles con iPhone.
- Refuerza sus propiedades mediante JavaScript.
- Vigila los vídeos creados dinámicamente.
- Reintenta la reproducción cuando Safari la interrumpe.
Esto permite solucionar muchos problemas de reproducción sin sustituir Slider Revolution ni reconstruir las páginas existentes.
Consigue que tus vídeos también funcionen en iPhone
Si llevas horas revisando la configuración de Slider Revolution, cambiando archivos MP4 y buscando por qué tus vídeos funcionan en Android, pero no en iPhone, Marabelia Video para iPhone está pensado precisamente para ese escenario.
Es un complemento ligero para WordPress que mejora la compatibilidad de los vídeos con Safari sin modificar el diseño, las animaciones ni el funcionamiento habitual de tus sliders.
Aunque está especialmente orientado a Slider Revolution, también puede utilizarse con otros vídeos HTML5, sliders, constructores visuales y desarrollos personalizados.
El objetivo es sencillo: que los vídeos que forman parte de tu diseño también puedan verse correctamente desde un iPhone.