title: How to play video in all browser/device using JW Player?
body: <p>I using JW Player in my proyect that contain many videos in formats: MP4, FLV, OGV, WMV</p>
  
  <p>I read the documentation of the diferent formats that each browser support. So, now i using MP4 (Chrome, Safari), FLV(IE,7,8,9) and WEBM(Mozilla).</p>
  
  <pre><code>jwplayer('container').setup({
                  height: 309,
                  width: 549,
                  levels: [
                      { file: "video.mp4" },
                      { file: "video.webm" },
                      { file: "video.flv" }
                  ], 
                  'modes': [
                      {type: 'html5'},
                      {type: 'flash', src: "jwplayer.flash.swf"},
                      {type: 'download'}
                  ]
  });
  </code></pre>
  
  <p>My question is, if this code doing: Check the browser if support HTML5 or FLASH -> Depend of browser reproduce MP4(Chrome - Safari) or FLV(IE) or WEBM(Mozilla) automatically.</p>
  
  <p>Because, in mozilla especially, for first time i have the message: "ERROR LOADING MEDIA: File could not be played"
  .Then when i click 2 or 1 time, play the video.</p>
  
  <p>Maybe this occurs for the order of files?</p>
  
  <hr>
  
  <h2>UPDATE</h2>
  
  <p>I changed my mime.conf settings and .htaccess, adding the following lines:</p>
  
  <p>NOTE: I use the .htaccess of Drupal in my Codeigniter Project</p>
  
  <p>.htaccess:</p>
  
  <pre><code>#
  # Apache/PHP/Drupal settings:
  #
  
  #For disable gzip
  SetEnvIfNoCase Request_URI \.(og[gv]|mp4|m4v|webm)$ no-gzip dont-vary
  
  #For add mime types
  AddType video/ogg  .ogv
  AddType video/mp4  .mp4
  AddType video/webm .webm
  [...]
  </code></pre>
  
  <p>mime.conf</p>
  
  <pre><code>#
  # If the AddEncoding directives above are commented-out, then you
  # probably should define those extensions to indicate media types:
  #
  AddType application/x-compress .Z
  #AddType application/x-gzip .gz .tgz
  AddType application/x-bzip2 .bz2
  AddType video/ogg .ogv
  AddType video/mp4 .mp4
  AddType video/webm .webm
  </code></pre>
  
  <p>I disable gzip compress but the problem persist.. Only my app into iframe of facebook fail the video webm. MP4 Works fine.</p>
  
  <hr>
  
  <h2>UPDATE 2</h2>
  
  <p>The problem here is Twitter Bootstrap. I use this for show modals. Before show the modal with the video, i save cookies in browser.</p>
  
  <p>When i put the video into a modal, the video can't play. When i click 2 times to the video, this video play. Only in Mozilla Firefox; Chrome, IE 7-8-9 works fine.</p>
  
  <p>When i put the video out the modal. This play normally in all browser.</p>
  
  <p>Sorry for my english.</p>