Removing HTML inline style from jquery library

Question

Currently using bootstrap for the css framework and have successfully placed the video on the DOM. My only issue is the video is pushing my container down when I want it placed over the video. I Noticed in the HTML that #big-video-vid contains inline styles, and one of them being height

<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;">

When I remove the height from the inline, everything works like how I want it. I tried using jquery to remove the inline style eg.: $('#big-video-vid').css('height', ''); but no avail. Any tips?

Here is the library i'm using https://github.com/dfcb/BigVideo.js

Answer 1

In your CSS:

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

Answer 2

Try:

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