2
respostas

Min-height vídeo

Boa tarde, eu tenho um slider, alternando imagens e vídeos, que estão commin-width: 100%; min-height: 100%; para desktop E para mobile até 480px: min-height:400px; Mas ele só pega para as imagens, nos vídeos ele continua aparecendo 100%

O que posso fazer para resolver isso? Para desktop quero que continue sendo min-height:100%, mas para mobile preciso que fique com a altura menor.

O site é esse: http://www.pinbank.com.br/pinkubehomologacao/ mas as media querie que inseri ainda não está no ar.

As classes são essas:

.bg_video{ position: absolute; right: 0; bottom: 0; min-width: 100%; min-height: 100%; width: auto; height: auto; z-index: -1000; background-size: cover; top:5%; }

@media (max-width: 480px) { .bg_image1, .bg_image2, .bg_image3, .bg_image4, .bg_video{ max-height:500px; } }

2 respostas

Acredito que isso acontece por que o min-height:100% está fora de uma media querie, e o css está obedecendo o maior valor. 100% > 400%;

Tente colocar o min-height:100% dentro de uma media querie.

Nã está dando certo , eu tiro o min-height e coloco na media querie, o vídeo fica muito pequeno, não pega ainda o tamanho que escpecifiquei.