title: "Unexpected call to method or property access" exception for JavaScript load and play method, while playing mp4 video in HTML5 video tag
body: <p>I am trying to play a mp4 (in H.264 format) video using HTML5 video tag. It is working fine in Chrome but not in IE-10, 11 and Edge.
  Below is the HTML which I have written:</p>
  
  <pre><code>&lt;div id="VideoDiv" class="media embed-responsive embed-responsive-16by9"&gt;    
  &lt;video id="MyVideo" style="width:100%;height:100%;" autoplay="autoplay" controls="controls" preload="auto"&gt;
      Your browser does not support the video tag.
      &lt;source ng-src="{{PreviewVideoUrl}}" type="video/mp4" /&gt;        
  &lt;/video&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>and the JavaScript code to play the video is:</p>
  
  <pre><code> $uibModalInstance.rendered.then(function () {    
      var video = document.getElementById('MyVideo');       
      video.load();
      video.play();
  });
  </code></pre>
  
  <p>Can you please help me to figure out what is going wrong in case of IE browser?</p>