#example {
  width: 100%; /* set the width of the div */
  height: 300px; /* set the height of the div */
  border: 1px solid #ccc; /* add a border around the div */
  border-radius: 5px; /* add rounded corners to the div */
  overflow: hidden; /* hide any overflow from the div */
  display: flex; /* use flexbox layout for the div */
  justify-content: center; /* center the contents horizontally */
  align-items: center; /* center the contents vertically */
}

#example video {
  width: 100%; /* set the width of the video to 100% of the parent div */
  height: 100%; /* set the height of the video to 100% of the parent div */
  object-fit: cover; /* maintain the aspect ratio of the video */
}