Estou chamando um vídeo em uma div pai com a seguinte definição:
div {
width: 100%;
height: 400px;
}
E como elemento filho a tag <video>
com:
video {
height: 400px;
width: 100%;
object-fit: cover;
background-color: #000;
}
No Firefox Developer Edition funciona normalmente, tanto o crop do object-fit
quanto a altura de 400px
mas no Chrome não. Ou o vídeo fica muito mais alto do que deveria ou em tela cheia (se eu usar vh
como unidade).