Problemas al escalar navegador

[ceaped]

Buenos días
Tengo un banner que me enlaza a un video asi:

.marco_btn_video a{
width: 970px;
height: 300px;
position: absolute;
z-index: 999;
border: 1px solid #000;
}

@media (min-width: 970px){
.marco_btn_video a {
min-width: 100% !important;
}
}

@media (min-height: 300px){
.marco_btn_video a {
min-height: auto !important;
}
}

Cuando minimizo mi navegador a 300 px se ve bien y cuando lo maximizo también, el problema esta cuando redimensiono (alto) el navegador manualmente el alto se desajusta.

¿Cómo hago para que se me ajuste el alto cuando lo escalo manualmente?

Gracias por su ayuda