title: How can I add additional headers / query parameters to requests issued by the player?
body: <p>I am trying to send custom header when requesting to play a video from a server using Bitmovin player. Below is my code</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;!DOCTYPE html&gt;
  &lt;html lang="en"&gt;
  &lt;head&gt;
    &lt;title&gt;TEST&lt;/title&gt;
    &lt;meta charset="UTF-8"/&gt;
   
    &lt;!-- bitdash player --&gt;
    &lt;script type="text/javascript" src="https://bitmovin-a.akamaihd.net/bitmovin-player/stable/7.5/bitmovinplayer.js"&gt;&lt;/script&gt;
  
    
  &lt;/head&gt;
  &lt;body background="http://bitmovin-a.akamaihd.net/webpages/bitmovin/images/background.jpg"&gt;
  &lt;div class="container"&gt;
    &lt;h1&gt;HTML5 Adaptive Streaming Player for MPEG-DASH &amp; HLS&lt;/h1&gt;
    &lt;h2&gt;Your videos play everywhere with low startup delay, no buffering and in highest quality.&lt;/h2&gt;
    &lt;div id="webserver-warning"&gt;
      &lt;div class="ca-content"&gt;
        &lt;h1&gt;Unsupported Protocol&lt;/h1&gt;
        &lt;h2&gt;This file has been loaded using the unsupported "file" protocol. Please use a &lt;a href="http://wiki.selfhtml.org/wiki/Webserver/lokal" target="_blank"&gt;web server&lt;/a&gt; and open this page using http or https.&lt;/h2&gt;
      &lt;/div&gt;
    &lt;/div&gt;
    &lt;div class="content"&gt;
      &lt;div class="player-wrapper"&gt;
        &lt;div id="player"&gt;&lt;/div&gt;
      &lt;/div&gt;
      &lt;div class="description"&gt;
        &lt;p&gt;For more information about the bitmovin player, please have a look at our online &lt;a href="//bitmovin.com/support" target="_blank"&gt;Developer Section&lt;/a&gt;.&lt;/p&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  
  &lt;/div&gt;
  &lt;div id="player"&gt;&lt;/div&gt;
  &lt;script type="text/javascript"&gt;
      var conf = {
          key:       "b9c7c8b6-4af5-453e-8020-0a79672c6d5a",
          source: {
            hls:         "//bitmovin-a.akamaihd.net/content/MI201109210084_1/m3u8s/f08e80da-bf1d-4e3d-8899-f0f6155f6efa.m3u8"
          }
          network: {
              //Adding a custom header to each manifest request
              preprocessHttpRequest: function (type, request) {
                  if (type === bitmovin.player.network.REQUEST_TYPE.MANIFEST_DASH) {
                      request.method = 'GET';
                      request.headers.push({
                          name: 'User-Agent',
                          value: 'Mozilla/5.0 (Windows NT 6.1; WOW64)'
                      });
                      return Promise.resolve(request);
                  }
              }
          }
      };
      var player = bitmovin.player("player");
      player.setup(conf).then(function(value) {
          // Success
          console.log("Successfully created bitmovin player instance");
      }, function(reason) {
          // Error!
          console.log("Error while creating bitmovin player instance");
      });
  &lt;/script&gt;
  &lt;/body&gt;
  &lt;/html&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>But the player is not loading . Whats wrong ? And how to pass header correctly ?
  or suggest any player which can send custom header during request to video server</p>