Angular Firebase - html 视频下载了 2 次

Angular Firebase - html video downloaded 2 times

我正在使用 Angular 9 Universal for SSR。我的应用程序托管在 Firebase Hosting 上,对于 SSR,我使用的是 firebase 函数。

问题: 在主页上,我有 HTML 作为背景(仅当平台为浏览器时才显示)。当我使用 firebase serve 命令在本地访问网站时,视频仅下载了 1 倍。但是,当我访问在 firebase 托管上托管的网站时,视频下载了 2 倍。这导致我的托管下载量非常高。

截图(看大小差异)

Firebase 托管:

Firebase 服务:

代码:

<video *ngIf="isBrowser" autoplay playsinline loop muted oncanplay="this.play()" (canplay)="onVideoLoaded()" onloadedmetadata="this.muted = true">
<source src="../../../../assets/video.mp4" type="video/mp4">

有人可以帮我解决这个问题吗?

我不确定这种行为的原因是什么,但我能够通过将视频移动到 firebase 存储并使用视频 url 而不是资产视频的路径来解决这个问题。