mavericksoft adlı üyeden alıntı: mesajı görüntüle
.product-banner-container-bc {
display: grid;
grid-gap: 10px;
background-image: url("https://xxxxxxxxxxxxxxxxx.jpeg") !important;
background-position: center top !important;
background-attachment: fixed !important;
background-repeat: no-repeat !important;
background-size: cover !important;
}

.video-container {
display: block;
margin: 0 auto;
width: 100%;
max-width: 468px;
height: auto;
}

.video-container video {
width: 100%;
height: auto;
}

@media (max-width: 468px) {
.video-container {
width: 100%;
}
}

al bakalım
Malesef işe yaramadı, tam kodu ileteyim.

<div data-gets="" data-type="hdr">
  <center>
    <a rel="nofollow" href="https://r10.net" target="_blank" class="mobile-only high-priority video-container">
      <video autoplay loop muted>
        <source src="https://r10.net/test.webm" type="video/webm">
      </video>
    </a>
    <hr style="margin: 5px 0; border-color: #db1b1b;">
    <a rel="nofollow" href="https://r10.net" target="_blank" class="mobile-only high-priority video-container">
      <video autoplay loop muted>
        <source src="https://r10.net/test.webm" type="video/webm">
      </video>
    </a>
  </center>
</div>

<style>
  .video-container {
    display: block;
    margin: 0 auto;
    width: 100%;
    max-width: 468px;
    height: auto;
  }
  
  .video-container video {
    width: 100%;
    height: auto;
  }

  @media (max-width: 468px) {
    .video-container {
      width: 100%;
    }
  }
</style>