Video için responsive problemi

Merhaba ;
style.css dışında birde player.css var ve video playerde responsive yapamıyorum. Video playeri başka bir dosyadan iframe ile anasayfaya çağırıyorum.

bu şekilde height ve width girince istediğim ölçüler oluyor fakat ben bunu responsive olarak yapmak istiyorum.

height: 600px;
width: 1070px;

orjinal boyutlar bunlar.

ben player.css'de

@media only screen and (max-width:680px){
.video-js{
height: 28%;
width: 35%;
}
}

şeklinde tanımladığım zaman olmuyor hata nerede sizce ?

bi important çekip denermisin
height: 28% !important;
width: 35% !important;

Hocam boyutları bu şekilde yaparsam zaten olur ancak bunu yaparsam web siteyi normal webden bilgisayardan görüntülediğim de bu kez player küçük kalmış olur.Hatta şuan denedim dediğim gibi normal webden açınca küçük kaldı ekranda.

hocam
aşağıdaki media seçicide yapacaksın o dediğimi onda da olmuyorsa

@media only screen and (max-width:680px){
.video-js{
height: 28% !important;
width: 100% !important;
}
}

aşağıda ki gibi dene

@media (max-width: 768px) {
.video-js{
height: 28% !important;
width: 100% !important;
}
}

Olmadı hocam ayrıca ,

!important% sonuna % koymuşsunuz onlar hata veriyor onları silerek denediğimde olmuyor.

site adresini pm atarmısın

@media (max-width: 768px) {
.video-js{
height: auto !important;
width: 100% !important;
}
}

bu kodu denermisin

Local hocam. Yada bildiğiniz bir m3u8 oynatıcı varmı farklı bir player kullansak ? Ayrıca şunuda belirtiyim iframe içinde kullanınca sorun oluyor yoksa player.html şeklinde normal olarak görüntülediğimde o sorun yok.

olmadı hocam hiç tepki bile vermiyor.