I can't make my video background work in my HTML page

Question

English isn't my first language, so forgive me if I have grammatical hicups or spelling mistakes, I'm still learning.

As the title says, my video background isn't working and I don't know where the issue lies exactly. I have already tried to apply some of the solutions I found on the internet but nothing works. If any of you could spare some time to look at my code I'd appreciate it.

OBS: I'm using VS Code and the video is saved in an internal folder within the project, as referenced in the CSS. The connection between CSS and HTML is correct, I tested it.

HTML:

<!--início da section-apresentação-->
      <section class="section-apresentacao">
        <div id="div-video">
          <video autoplay muted loop id="meuVideo">
            <source src="./videos/Marvel Studio.mp4" type="video/mp4">
          </video>
        </div>
      </section>
    <!--fim da section-apresentação-->

CSS:

#div-video {
    height: 100%;
    width: 100%;
}    

#meuVideo {
    min-width: 100%;
    min-height: 100%;
}