JSFiddle - React, Tailwind, and code Playground

by anoopsuda

HTML

<div class="video-box">
  <video src="https://7220-myinnovation-stage.s3-accelerate.amazonaws.com/PreProd/VideoFile/29217b1c-409e-42cc-9a0a-74d2700d0353/Unlocking_the_transformational_power_of_innovation_(Source).mp4?AWSAccessKeyId=AKIAVKXJ3K7W5EAUB3DI&Expires=1764332072&Signature=GCRVrG0U3Lsm2m4YaNDxmXdhh8U%3D" autoplay muted loop></video>
</div>

CSS

video.innoCatalyst-vdo[_ngcontent-ng-c1740306940] {
    width: 633px;
    height: 356px;
}
.video-box {
  width: 500px;
  height: 400px;
  background: #000;
}

.video-box video {
  width: 100%;
  height: 100%;
  object-fit: contain; /* shows full video */
}