title: JW Player levels not working
body: <p>I'm using JW Player and I want it to load a different video format depending on what browser the user is using. According to the documentation, <strong>"levels"</strong> should be the parameter to accomplish this.</p>
  
  <p>This is my code:</p>
  
  <pre><code>&lt;div id='mediaplayer'&gt;&lt;/div&gt;
  
      &lt;script type="text/javascript"&gt;
        jwplayer('mediaplayer').setup({
          flashplayer: "jwplayer/player.swf",
          id: 'playerID2',
          width: '640',
          height: '360',
          levels: [
              { file: "http://mydomain.com/video.flv" },
              { file: "http://mydomain.com/video.mp4" }
          ]
        });         
      &lt;/script&gt;
  </code></pre>
  
  <p>With this code, it shows the player, but when I tap on it on a mobile device, nothing happens. In a regular browser, it plays the video correctly.</p>
  
  <p>I want to use this in case the user is using a mobile device like the iPad or iPhone. In a regular browser (Firefox), if I don't use "levels" and just use the <strong>file: "http://mydomain.com/video.flv"</strong> parameter, it works perfectly. It doesn't work on iPad because it's an FLV, hence why I want to use <strong>"levels"</strong>. And <strong>yes</strong>, I need to use the FLV version for regular browsers.</p>
  
  <p>I've also tried using the parameter <strong>"modes"</strong>, indicating a different file for each mode (html5 and flash), but in this case it doesn't even show the player.</p>
  
  <p>Any ideas?</p>