Video background intro

Expected:"Video background intro" runs on all browsers.

Problem: Video background intro works on Edge and Firefox browsers, but it doesn't work on Chrome. Is there a specific procedure for the video to play in Chrome?

Screens: Attached images running on Chrome, Firefox and Edge.

Sample of MDB: https://mdbootstrap.com/docs/angular/sections/intros/#v-6

Code file countdown.component.html:

<div style="height: 100vh">
<!-- Main navigation -->
<header>
  <!-- Full Page Intro -->
  <div id="intro-section" class="view">

    <video class="video-intro" style="height:900px" poster="https://clubb2b.com.br/images/background.jpg" playsinline autoplay muted loop>
      <source src="https://clubb2b.com.br/videos/ouro.mp4" type="video/mp4">
    </video>
    <!-- Mask & flexbox options-->
    <div class="mask rgba-gradient d-flex justify-content-center align-items-center">
      <!-- Content -->
      <div class="container px-md-3 px-sm-0">
        <!--Grid row-->
        <div class="row wow fadeIn">
          <!--Grid column-->
          <div class="col-md-12 mb-4 white-text text-center mb-0 mt-5 pt-md-5 pt-5 wow fadeIn">
            <h1 class="display-3 font-weight-bold sombra">
              <a class="font-weight-bold text-success sombra">Club</a>
              <a class="font-weight-bold text-warning sombra">B</a>
              <a class="font-weight-bold text-primary sombra">2</a>
              <a class="font-weight-bold sombra">B</a>
              <a class="font-weight-bold text-success sombra"> Group</a>
            </h1>
            <h1 class="font-weight-bold white-text sombra">
              O seu Clube de Negócios Business to Business
            </h1>
            <hr class="hr-light my-4 w-95">
            <h4 class="subtext-header mt-2 mb-4 text-justify">
              Amplie seus horizontes, quebre paradigmas, expanda a carteira de negócios da sua empresa, esteja online
              e conquiste maior visibilidade de sua marca, aumente a sua rede de negócios
              <a class="font-weight-bold text-warning">B</a>
              <a class="font-weight-bold text-primary">2</a>
              <a class="font-weight-bold">B</a>.
              <p>Nós da 
                <a class="font-weight-bold text-success">Club</a>
                <a class="font-weight-bold text-warning">B</a>
                <a class="font-weight-bold text-primary">2</a>
                <a class="font-weight-bold">B</a>
                <a class="font-weight-bold text-success"> Group</a>,
                geramos novas oportunidades de negócios para você e para seus parceiros, ampliando sua rede de negócios
                e criando novas parcerias, aumentando assim a competitividade de sua empresa no mercado de atuação da
                mesma e em novos mercados.
                No mundo <a class="font-weight-bold text-success">Club</a><a class="font-weight-bold text-warning">B</a>
                <a class="font-weight-bold text-primary">2</a><a class="font-weight-bold">B</a>
                <a class="font-weight-bold text-success"> Group</a>, tudo é feito pensando em geração e manutenção de
                negócios.
              </p>
              <p class="font-weight-bold text-center sombra">Em breve estaremos online para servi-los!</p>
              <h1 class="display-3 font-weight-bold text-center amber-text mb-0 mt-3 pt-md-2 pt-2 pb-md-2 pb-2 sombra">
                SITE EM CONSTRUÇÃO
              </h1>
              <div class="timer">
                <h4 class="font-weight-bold red-text sombra"> Contagem Regressiva </h4>
                <span id="days" class="font-weight-bold teal-text sombra"> {{daysToDday}} </span>
                <a class="font-weight-bold sombra">Dia(s)</a>
                <span id="hours" class="font-weight-bold teal-text sombra"> {{hoursToDday}} </span>
                <a class="font-weight-bold sombra">Hs</a> 
                <span id="minutes" class="font-weight-bold teal-text sombra"> {{minutesToDday}} </span>
                <a class="font-weight-bold sombra">Min</a>
                <span id="seconds" class="font-weight-bold teal-text sombra"> {{secondsToDday}} </span>
                <a class="font-weight-bold sombra">Seg</a>
            </div>
            </h4> 
          </div>
        </div>
      </div>
    </div>
  </div>
  <!-- Full Page Intro -->
</header>

In Chrome not working:

In Firefox and Edge video working:

In Chrome the cache was cleared, but it didn't work after clearing cache.