IE中视频叠加的剪切路径

Question

我有两个彼此重叠的视频，其中一个循环播放，而另一个则只播放一次。顶部的视频需要遮盖，以便底部的视频部分显示出来。它可以正常工作，但在IE上却不能接受，但具有明显的剪切路径限制。我可以遮罩视频的一部分以支持IE的其他方法是什么？

  .front {
      -webkit-clip-path: inset(0 51.5% 0 0);
      clip-path: inset(0 51.5% 0 0);
      position: absolute;
      top: 0;
      left: 0;
      z-index: 1;
      width: 100%;
  }
  .back {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;

  }