jquery - JPlayer が背景色を div に追加するのはなぜですか?

Question

JPlayer でスケルトン CSS フレームワークを使用しており、次の html があります。

<div class="container">
<div class="sixteen columns">
    <div id="jquery_jplayer_1"></div>
    <div id="page-title">
        <h2><?php echo $this->input('page-title', array('width' => 300)); ?></h2>
        <div id="bolded-line"></div>
    </div>
</div>

div は非表示にする必要がありますが、背景色が黒になっています。

ファーバグショー:

element.style {
    background-color: #000000;
}

と：

<div id="jquery_jplayer_1" style="background-color: rgb(0, 0, 0);"></div>

何故ですか？また、自分のスタイルでそれをオーバーライドすることもできません。

Answer 1

これはデフォルト設定です。次のようにプラグイン設定で背景を設定できます。

  jPlayer({backgroundColor:"#cccccc"});

ここで他の設定を見つけることができます: http://www.jplayer.org/latest/developer-guide/#jPlayer-option-backgroundColor