播放视频时如何设置下载弹出控件的位置？

Question

我正在尝试在chrome浏览器中播放时下载视频，下载，画中画部分可见，它们离3点（位于@右角）很远，我想将其放置在下载中我在其中点击这些图片的右上角弹出图片。

我尝试更改视频帧的宽度和高度，根据这些视频弹出窗口的高度，这些弹出按钮将被替换，但对我的要求没有帮助

我希望下载，单击3点（...）时，画中画弹出按钮位于播放视频的右角附近，实际距离3点（...）远

在这里我们可以看到单击3dots（...）下载按钮后显示的位置与3Dots（...）相距遥远

HTML：

<carousel class="video" interval="0">
  <ng-container *ngFor="let media of eventMedia">
    <slide *ngIf="media?.mediaType=='VIDEO'">
      <video 
        [authSrc]="media?.mediaURL" 
        [enableToken]="false" 
        [ngStyle]="{'width': '500px','height':'300px'}" 
        autoplay="false" 
        controls="true" 
        [muted]="true">
      </video>
      <div class="carousel-caption d-none d-md-block">
        <p>Camera {{media?.cameraNumber}}</p>
      </div>
      <a class="email col-md-12" 
         *ngIf="media?.mediaType == 'VIDEO'" 
         (click)="onEmailClick(eventMedia)" 
         title="Email media links">
          <i class="fa fa-envelope mailIcon"></i>
      </a>
    </slide>
  </ng-container>
</carousel>