title: '\n' not detected by VTTCue for video subtitles in Javascript
body: <p>I'm trying to play a video with subtitles. I'm extracting duration and the subtitles string from a <code>subtitles.txt</code> file. The subtitles are extracted and player properly but the <code>next line = '\n'</code> is not being detected by 'code'. So please help me.</p>
  
  <p>The Output I want:</p>
  
  <pre><code>Golden dreams
  and great heartache
  </code></pre>
  
  <p>The Output I get:</p>
  
  <pre><code>Golden dreams\nand great heartache
  </code></pre>
  
  <hr>
  
  <p>My <code>subtitles.txt</code> File:</p>
  
  <pre><code>211 --&gt; 223
  "Golden dreams\nand great heartache"
  </code></pre>
  
  <p>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;html&gt;
  &lt;head&gt;
    &lt;meta charset="utf-8"/&gt;
    &lt;title&gt;&lt;/title&gt;
  &lt;/head&gt;
  &lt;body&gt;
    &lt;video video-player src="video.mp4"&gt;&lt;/video&gt;
    &lt;script&gt;
      var video_player = document.querySelectorAll('[video-player]')[0];
      
      track_english = video_player.addTextTrack("captions", undefined, "en");
      track_english.mode = "showing";
      subtitles_xhr(function(buffer)
      {
        var file = buffer;
        file = file.split('\n');
        for (var x = 0; x &lt; file.length; x+=2)
        {
          track_english.addCue(new VTTCue(file[x].split(" --&gt; ")[0], file[x].split(" --&gt; ")[1], file[x+1]));
        }
      });
      
      function subtitles_xhr (cb)
      {
        var xhr = new XMLHttpRequest;
        xhr.open('GET', "subtitles.txt");
        xhr.onload = function ()
        {
          cb(xhr.response);
        };
        xhr.send();  
      }
    &lt;/script&gt;
  &lt;/body&gt;
  &lt;/html&gt;</code></pre>
  </div>
  </div>
  </p>