Javascript - how can I properly shrink this code
<p>Regarding the browser version, the player height should change</p>

<pre><code>if older then ie9 
  //height is fixed
else 
  //height is auto
</code></pre>

<p>The above code is working but, it's the worst thing I've seen, because I do repeat myself again and again, when only one line changes on this conditional.</p>

<pre><code>&lt;script type="text/javascript"&gt; 
    $(document).ready(function() {

        if ($.browser.msie &amp;&amp; $.browser.version.substr(0,1)&lt;9) {
            $("#jquery_jplayer_1").jPlayer({
            ready: function () 
            {
                $(this).jPlayer("setMedia", 
                {
                    m4v: "/video/videoK.mp4",
                    ogv: "/video/videoK.ogg"
                }).jPlayer("play");

                $('article.about-k').hide();
                olark('api.box.hide');
            },
            swfPath: "/scripts/",
            supplied: "m4v, ogv",
            size: {
                width: "100%",
                height: "400px" // THE ONLY CHANGE IS HERE
            },
            backgroundColor: "#fff",
            click: function() {
                $(this).jPlayer("play");
            },
            ended: function() {
                $('.jplayer-k').hide();
                $('article.about-k').show();
            }
        })
      } else {
        $("#jquery_jplayer_1").jPlayer({
            ready: function () 
            {
                $(this).jPlayer("setMedia", 
                {
                    m4v: "/video/videoK.mp4",
                    ogv: "/video/videoK.ogg"
                }).jPlayer("play");

                $('article.about-k').hide();
                olark('api.box.hide');
            },
            swfPath: "/scripts/",
            supplied: "m4v, ogv",
            size: {
                width: "100%",
                height: "auto" // THE ONLY CHANGE IS HERE
            },
            backgroundColor: "#fff",
            click: function() {
                $(this).jPlayer("play");
            },
            ended: function() {
                $('.jplayer-k').hide();
                $('article.about-k').show();
            }
        })
      }

    });
&lt;/script&gt;
</code></pre>

<p>As noted by the comments, the only change is on ONE single line.
How can I remake this, without stupidly repeating myself ?</p>

<pre><code> height: "auto" //THIS IS THE ONLY DIFFERENCE!
</code></pre>

<p>Please advice</p>
