title: Cannot play MP4 video in Angular 7
body: <p>I have 2 days dealing with a weird issue about a mp4 video in angular 7. For some reason the MP4 video simply does not play. </p>
  
  <p>This is my code: </p>
  
  <p>HTML:</p>
  
  <pre><code>&lt;div id="instructions" class="angled-img pull-left"&gt;
          &lt;video allow="autoplay" width="350px" height="195px" class="img" controls
            poster='{{gameInfo.clip.preview}}'&gt;
            &lt;source src="{{gameInfo.clip.clip}}" type='video/mp4' /&gt;
          &lt;/video&gt;
        &lt;/div&gt;
  </code></pre>
  
  <p>TS:</p>
  
  <pre><code>public gameInformation(id: number): void {
  this.gameService.getGame(id).subscribe(res =&gt; {
    this.gameInfo = res;
    console.log(res);
    this.loader = false;
  }, error =&gt; {
    console.error(error);
    this.loader = false;
  });
  }
  </code></pre>
  
  <p>I am not sure why this is happening. Can somebody help me out? What I am doing wrong.
  I am using ngx-bootstrap for this.</p>
  
  <p>Thanks in advance. </p>