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

Are you running $('#big-video-vid').css('height', ''); after #big-video-vid and its styles are added to the dom? The snippet you wrote will definitely remove the height attribute completely. — MLM
– MLM, Commented Nov 12, 2013 at 17:41
Worth a try. When trying to remove an inline style value, it's best to go to the default value, rather than set it to nothing. At least it's ruled out. — Reinstate Monica Cellio
– Reinstate Monica Cellio, Commented Nov 12, 2013 at 17:49
Provide a demo of your problem. Upload your test page somewhere, or make a jsfiddle.net / jsbin.com demo. The author of BigVideo.js probably didn't add the height attribute for fun, there's some reason it's there. — thirtydot
– thirtydot, Commented Nov 12, 2013 at 17:51

Turnip · Accepted Answer · 2013-11-12 17:50:09Z

2

In your CSS:

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

answered Nov 12, 2013 at 17:50

Turnip

36.8k15 gold badges92 silver badges118 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

iambriansreed · Accepted Answer · 2013-11-12 17:40:40Z

0

Try:

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

answered Nov 12, 2013 at 17:40

iambriansreed

22.3k6 gold badges66 silver badges81 bronze badges

Collectives™ on Stack Overflow

Removing HTML inline style from jquery library

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related