在Angular中,浏览器出于安全原因默认不允许加载本地资源。要解决这个问题,可以使用以下方法之一:
使用Angular的内置HTTP服务器:
npm install -g @angular/cling servehttp://localhost:4200,Angular将会在内置的HTTP服务器上运行,并且能够加载本地资源。使用Node.js的HTTP服务器:
http-server:npm install -g http-servercd E:/Videoshttp-serverhttp://localhost:8080/pakistan.mp4,视频将会被加载。将视频文件放置在Angular项目的assets目录下:
pakistan.mp4复制到项目的src/assets目录下。video标签来加载视频:
请注意,以上方法仅适用于开发环境。如果你需要在生产环境中加载本地资源,你可能需要将视频上传到服务器,并使用服务器提供的URL进行加载。