el reproductor de video wordpress visual composer no funciona en dispositivos móviles

2 minutos de lectura

Avatar de usuario de Robert Sheppard
Roberto Shepard

Estoy agregando un video de YouTube a un sitio de wordpress usando el reproductor de video ‘compositor visual’ de WPBakery. Realmente no puedo publicar el sitio porque es privado. Pero soy nuevo en ‘Visual Composer’.

Agregué el video relevante de YouTube a una ‘fila’ de 2 columnas a la derecha usando el reproductor de video VC. Todo funciona bien en el escritorio, pero tan pronto como estrechas el navegador para que esté en modo ‘responsivo’ como el ancho de un móvil/tableta, digamos 700 px, el video de YouTube deja de funcionar…

Puede ver la imagen de fondo de YouTube, pero no puede desplazarse con el mouse para iniciar/activar el video, casi como si el video en sí no estuviera presente y solo la imagen de espera.

¿Alguien sabe cómo configurar los ajustes para poder activar el video en el móvil/tableta también? Por lo que puedo ver, no he marcado ‘ocultar en ningún dispositivo’, por lo que cualquier ayuda sería bienvenida. Tal vez sea una falla con el tema, pero como soy nuevo en VC, espero que haya alguna configuración que resuelva el problema.

Puede volver a habilitar el video agregando el siguiente css a la página:

.vc_video-bg.vc_hidden-xs {
  display: block !important;
}

  • Esto funciona hasta cierto punto, pero el video ya no se reproduce automáticamente.

    – Sr. Josh Fisher

    22 de enero de 2020 a las 17:19

  • ¿Encontraste alguna solución para este @RobertSheppard?

    – Muhammad Tahseen ur Rehman

    4 de agosto de 2020 a las 1:37

Avatar de usuario de Pedro
pedro

Finalmente encontré una solución que funcionó para mí y espero que esto también funcione para alguien más, así que aquí voy:

Usé Revolution Slider y creé un control deslizante separado para cada elemento “div” que quería tener con un video de fondo en pantalla completa.

Luego agregué una capa de video, elegí el tipo de fuente e inserté la ID del video.

Básicamente seguí esta explicación en este sitio web: https://www.themepunch.com/revslider-doc/video-layers/

Espero que esto ayude a los futuros usuarios como me ayudó a mí. 🙂

¿Ha sido útil esta solución?