HTML - Video en parallax solo HTML/CSS

<div class="parallax-2">

        <div class="texto-header">

            <h1>Parallax 2</h1>

        </div>

    </div>

.parallax-2{

    display: flex; /* Solo aplica para sus elementos hijo <div class="texto-header"> y<h1>Parallax 2</h1>*/

    justify-content: center;

    align-items: center;

    height: 450px;

    background-image: url(japon_2.jpg);

    background-attachment: fixed;

    background-size: cover;

    background-position: center;

}

<div class="video-container">

   <video class="video-parallax" autoplay loop muted>

       <source src="platica.mp4" type="video/mp4">

   </video>

</div>

<div class="bgimg-3">

  <!--<div class="caption">

  <span class="border" style="background-color:transparent;font-size:25px;color: #f7f7f7;">SCROLL UP</span>

  </div>-->

     <video class="video-parallax" autoplay loop muted>

       <source src="https://www.w3schools.com/howto/rain.mp4" type="video/mp4">

   </video>

</div>

.caption {

  z-index:6;

}