重命名视频 HTML5 中的对象 url

如何解决重命名视频 HTML5 中的对象 url

我的控制器有一个 blob，我将它用于 HTML5 中的视频播放器。唯一的问题是当我点击下载时，我得到了 blob 名称作为文件名，我会给出一个自定义名称。

这是我的代码：

组件：

  this._helpService.GetMediaVideo(true,this.helplabels._VIDEO_1).subscribe(
    data => {
      this.videoInd1 = this.sanitizer.bypassSecurityTrustUrl(URL.createObjectURL(data));
    });

HTML：

<video class='center' [src]="this.videoInd1" controls controlsList="" preload="auto"></video>

因此，当人们点击下载时，文件名应该是自定义的，而不是使用 createObjectURL 创建的 blob 名称。

解决方法

解决方案比我想象的要容易。只需将标题添加到视频中即可：

<video class='center' title="My Video" [src]="this.videoInd1" controls controlsList="" preload="auto"></video>