Angular 从chrome inspect中隐藏网站上存储的视频文件

我有我的angular项目，登录用户可以在主页上看到视频。 视频包含一个标签，如：

video src='assets/video.mp4'

问题是，如果我进入主页，但没有登录，我会使用chrome inspect，可以在资产上看到视频。 但我希望它只有在用户登录时才可见。否则他就无法访问它

---

有没有办法阻止用户访问这样的媒体？

只要视频是Angular app As asset的一部分，它就可以在用户浏览器中使用

---

通过隐藏sthg来保证安全。永远都不安全。一种常见的方法是请求外部视频源。

仅在服务器端，如果您仅允许授权用户访问此文件。如果文件可以在未经授权的情况下下载，那么总会有一种或另一种方式获得它。如何做到这一点？我的Angular应用程序仅限于客户端，我已将其放入公共html文件中。我还没有编写服务器代码，所以你不能。你可以使用一些技巧，但它们不能保证安全性。您可以猜到，发送到客户机的所有内容都可以在客户机上访问，但这并不安全。如果我请求带有嵌入的外部源代码，嵌入的代码将是可见的，因此它的链接也是正确的。使用RouterModule（）来解决这个问题。最好的方法是使用外部API为视频服务（后端）。出于安全原因，最好实现OIDC/OAuth2进行标识和授权。这也将避免不必要的通信；）