Video de vimeo de fondo en sección divi para movil

hola Jaco.

Prueba con esto:

@media (max-width: 768px) {

.et_pb_section_0 {
min-height: auto !important;
height: auto !important;
padding: 0 !important;
}

.et_pb_section_video_bg,
.et_pb_section_video_bg .mejs-container,
.et_pb_section_video_bg video {
width: 100% !important;
height: auto !important;
min-height: auto !important;
margin: 0 !important;
left: 0 !important;
object-fit: contain !important;
display: block !important;
}

}

Un saludo

Mmm, he metido el código en el apartado "Avanzado" y "CSS personalizado".

Aunque da un par de errores de unos parámetros no introducidos, cuando pongo el navegador a tamaño móvil, desaparece el vídeo, es decir, no se reproduce ni aparece, lo omite y necesito que se vea también en smartphones.

Aquí va una captura del código.

Gracias.
Un saludo.

Hola Jacob.

Tienes que añadirlo en apariencia -> Personalizar -> CSS Adicional o en Divi -> Opciones del tema pestaña " General " y al final del todo en la celda CSS personalizado.

Un Saludo

Vale, lo he quitado de donde lo había puesto y lo he añadido como dices. Vaciada caché. Lo siento pero sigue sin verse en móvil. Tengo algún otro código CSS previo, para ocultar el icono del carrito de woocommerce, otro para añadir un botón concreto en el menú superior y quitar las etiquetas de los productos. Este del vídeo lo he añadido al final. Si lo necesitas te pongo el código entero. Ya me dices.

Gracias.

Saludos.

Hola Joaco, 

Es posible que lo que este modificando el tamaño del video sea el padding y el tamaño que tienes añadida a esta sección en las opciones de Divi, revisa que para movil el tamaño este en auto y el padding superior y inferior en cero(tambin puedes ir ajustando esto segun veas como se comporta el video)

Si no se ajusta, ve cambiando el tamño del alto de la sección o el padding segun desees como se va mostrando hasta que se ajuste el tamaño del video

Verificalo y nos comentas como va todo

Un Saludo