title: HTML page with embedded JWPlayers not working any more
body: <p><strong>EDIT: PROBLEM SOLVED. It was the FitVids code causing the JWP to not display. Thanks to all for your help.</strong></p>
  
  <p>I've been staring at my code too long and can't figure out why it's not working after I made a couple of small mods. Can one of you clever folk check it and let me know what I've done wrong?</p>
  
  <p>The page is supposed to have three embedded JWPlayer in it with some random video. The CSS file it is using should be the one for desktop screens, but I also have one there for iphone.</p>
  
  <p><a href="http://www.billarga.com/newsite/" rel="nofollow">http://www.billarga.com/newsite/</a></p>
  
  <p>The code below shows the integration of one of the three players.</p>
  
  <p>HTML</p>
  
  <pre><code>&lt;!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"&gt;
  &lt;html&gt;
  &lt;head&gt;
      &lt;meta content="text/html; charset=ISO-8859-1"
        http-equiv="Content-Type"&gt;
      &lt;title&gt;New Site&lt;/title&gt;
      &lt;script type="text/javascript" src="http://www.billarga.com/newsite/player/jwplayer.js"&gt;&lt;/script&gt;
      &lt;meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" /&gt;
      &lt;link rel="stylesheet" media="all and (max-device-width: 480px)" href="http://www.billarga.com/newsite/css/iphone.css"&gt;
      &lt;link rel="stylesheet" media="all and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait)" href="http://www.billarga.com/newsite/css/ipad-portrait.css"&gt;
      &lt;link rel="stylesheet" media="all and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape)" href="http://www.billarga.com/newsite/css/ipad-landscape.css"&gt;
      &lt;link rel="stylesheet" media="all and (min-device-width: 1025px)" href="http://www.billarga.com/newsite/css/ipad-landscape.css"&gt;
      &lt;link rel="stylesheet" media="all and (min-width: 1824px)" href="http://www.billarga.com/newsite/css/screen.css"&gt;
      &lt;script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"&gt;&lt;/script&gt;
      &lt;script src="http://www.billarga.com/newsite/js/jquery.fitvids.js"&gt;&lt;/script&gt;
      &lt;script&gt;
        $(document).ready(function(){
          $("#page-wrapper").fitVids();
        });
      &lt;/script&gt;
  &lt;/head&gt;
  
  &lt;body&gt;
      &lt;div id="page-wrapper"&gt;
          &lt;div id="video-wrapper"&gt;
              &lt;div id="video"&gt;Video 1&lt;/div&gt;
                  &lt;script type="text/javascript"&gt;
                      jwplayer('video').setup({
                      'flashplayer': 'http://www.billarga.com/newsite/player/player.swf',
                      'file': 'http://www.billarga.com/newsite/content/0000001/1.mp4',
                      'controlbar': 'bottom',
                      'width': '480',
                      'height': '360'
                      });
                  &lt;/script&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>CSS</p>
  
  <pre><code>  body {
      margin: 0;
      padding: 0;
      color: #000000;
      font-size: medium;
      }
      a           { color: blue; text-decoration: none; }
      a:visited       { color: blue; text-decoration: none; }
      a:hover             { color: blue; text-decoration: underline; }
      h1          { font-size: x-large; text-align: center; }
      #page-wrapper {
      margin: 0 auto;
      width: 100%;
      height: 100%;
      }
      #video-wrapper {
      width: 100%;
      height: 360px;
      }
      #video {
      float: left;
      }
  </code></pre>