title: Videojs: remove current instance and re-initialize a new player
body: <p>I am using the videojs javascript to play video and show streaming.</p>
  
  <p>I have one player (<code>&lt;div id ="video-container"&gt;&lt;video controls preload='auto' class='video-js vjs-default-skin vjs-big-play-centered' id="player"&gt;&lt;/video&gt;&lt;/div&gt;
  </code>) and I use it for play video or for the streaming.
  The initialize about the streaming is the following:</p>
  
  <pre><code>  initializeStreaming () {
          var html = "&lt;video controls preload='auto' class='video-js vjs-default-skin vjs-big-play-centered' id='player' &gt;&lt;/video&gt;";
          //$('#video-container').html('');       
          videojs('player').dispose();
          $('#player').remove();
          $('#video-container').append(html);
  
          var player = videojs('player', {
  
              techOrder: ["html5", "flash"],
              autoplay: true,
              sources: [{
                type: "application/x-mpegURL",
                src: url
              }],
          });
  }
  </code></pre>
  
  <p>I remove the current player configured and I try to initilize a new player for the streaming.
  In Firefox, chrome it works very well, the problem is in IE11 on windows 7 .</p>
  
  <p>I have the following error: </p>
  
  <blockquote>
    <p>undefined or null reference" (row 12888). The problem seems to be the
    variable this.player_.</p>
  </blockquote>
  
  <p>Somebody can help me?
  Thanks.</p>