<article>
  <div class="container">
    <h3>1. &lt;video&gt;</h3>
    <p>object-position: center center;</p>
    <div class="video--container">
      <video id="video-default" width="560" height="315" controls>
        <source src="https://assets.codepen.io/1958314/prairie-trim.mov">
        Your browser doesn't support embedded videos. 😔
      </video>
    </div>
  </div>
  <div class="container">
    <h3>2. &lt;video&gt;</h3>
    <p>object-position: right bottom;</p>
    <div class="video--container">
      <video id="video-right-bottom" width="560" height="315" controls>
        <source src="https://assets.codepen.io/1958314/prairie-trim.mov">
        Your browser doesn't support embedded videos. 😔
      </video>
    </div>
  </div>
  <div class="container">
    <h3>3. &lt;iframe&gt;</h3>
    <p>object-position: center center;
    <div class="video--container">
      <iframe id="iframe-default" src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d10500.902039752316!2d2.2913300332815276!3d48.85391001696464!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x47e66e2964e34e2d%3A0x8ddca9ee380ef7e0!2sEiffel%20Tower!5e0!3m2!1sen!2sus!4v1614636016821!5m2!1sen!2sus" width="600" height="450" style="border:0;" allowfullscreen="" loading="lazy"></iframe>
    </div>
  </div>
  <div class="container">
    <h3>4. &lt;iframe&gt;</h3>
    <p>object-position: -40px 3ch;</p>
    <div class="video--container">
      <iframe id="iframe-move" src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d10500.902039752316!2d2.2913300332815276!3d48.85391001696464!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x47e66e2964e34e2d%3A0x8ddca9ee380ef7e0!2sEiffel%20Tower!5e0!3m2!1sen!2sus!4v1614636016821!5m2!1sen!2sus" width="600" height="450" style="border:0;" allowfullscreen="" loading="lazy"></iframe>
    </div>
  </div>
</article>

article {
  margin: 0.5rem;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(290px, 1fr));
}
.video--container {
  width: 270px;
  height: 161px;
  border: 0.75rem solid #1e88e5;
  background: salmon;
  overflow: hidden;
}
video,
iframe {
  display: block;
  object-fit: none;
}

#video-default {
  object-position: center center;
}

#video-right-bottom {
  object-position: left bottom;
}

#iframe-default {
  object-position: center center;
}

#iframe-move {
  object-position: -40px 3ch;
}