<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>

<div data-gets="" data-type="hdr">
  <div class="video-wrapper">
    <a rel="nofollow" href="https://r10.net" target="_blank" class="video-container">
      <video autoplay loop muted>
        <source src="https://r10.net/test.mp4" type="video/mp4">
        Your browser does not support the video tag.
      </video>
    </a>
    <hr style="margin: 5px 0; border-color: #db1b1b;">
    <a rel="nofollow" href="https://r10.net" target="_blank" class="video-container">
      <video autoplay loop muted>
        <source src="https://r10.net/test.mp4" type="video/mp4">
        Your browser does not support the video tag.
      </video>
    </a>
  </div>
</div>

<style>
  .video-wrapper {
    text-align: center;
  }

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

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

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