Angular HTML Fullscreen Video Autoplay Not Working

Tags: , , , ,

Can anyone explain why this autoplay video is not working in chrome?

The video is stored in firebase storage. It plays when you visit a page and then go back to home page, but not when you first enter the page on refresh. It is an angular 6 application as well.

  <video autoplay muted loop>
    <source type="video/mp4" src="">


<video loop muted autoplay oncanplay="" onloadedmetadata="this.muted = true">
    <source src="video.mp4" type="video/mp4">

onloadedmetadata & oncanplay=””

Are the answers to getting it to load on an Angular 6 project.

Source: stackoverflow