Удаление встроенного стиля HTML из библиотеки jquery

Question

В настоящее время используется bootstrap для рамки css и успешно помещено видео на DOM. Моя единственная проблема заключается в том, что видео подталкивает мой контейнер вниз, когда я хочу, чтобы он размещался над видео. Я Заметил в HTML, что # большой-видео-VID содержит встроенные стили, и один из них высота

<div id="big-video-vid" class="video-js vjs-default-skin vjs-controls-disabled vjs-has-started vjs-user-inactive vjs-playing" style="width: 1496.1246105919004px; height: 938px; display: block; top: 0px; left: -237.06230529595018px;"> 

Когда я удаляю высоту от встроенного, все работает, как, как я хочу. Я попытался использовать jquery, чтобы удалить встроенный стиль, например .: $('#big-video-vid').css('height', '');, но безрезультатно. Какие-нибудь советы?

Вот библиотека, я использую https://github.com/dfcb/BigVideo.js

Answer 1

В вашем CSS:

#big-video-vid { 
    height: auto !important; 
} 

Answer 2

Try:

$("#big-video-vid").css({'height' : 'auto'});