我可以让一段视频在html中通过图像的一部分(从后面)显示出来吗？

<div class="container">
  <video src="video.mp4" autoplay loop></video>
  <img src="image.jpg" alt="Image">
</div>

.container {
  position: relative;
  width: 500px;
  height: 300px;
  overflow: hidden;
}

.container video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  clip-path: polygon(0 0, 100% 0, 100% 70%, 70% 100%, 0 100%);
}

.container img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}