Angular 传递用户名&；输入HTTPS的密码

我正在写一些代码（试图）向一些使用HTTPS的IP摄像头传递用户名和密码

我已经成功地将用户名/密码传递给了另一种类型的摄像头，它是HTTP，并且它可以很好地显示网络摄像头提要

然而，当尝试对HTTPS上的其他10个IP摄像头执行相同操作时，我得到了损坏的图像显示

有人能帮忙吗？使用HTTP的代码可以工作，但使用HTTPS失败。我还在url中尝试了user:passat

谢谢

<div class="section">
    <div class="sectionIconContainer"><div class="sectionIcon"><svg viewBox="0 0 48 48"><use xlink:href="/static/matrix-theme/squidink.svg#sun"></use></svg></div></div>
    <div class="title">Cameras</div>
    <div class="controls">

<a href="http://XXXX.ddns.net/bha-api/video.cgi?"><img src ="http://XXXX.ddns.net/bha-api/video.cgi?http-user=XXXX&http-password=XXXX" height="250" width="350"></img></a>

<a href="https://XXXX.ddns.net/cam/"><img src ="https://XXXX.ddns.net/cam/?login=XXXX&password=XXXX!" height="250" width="350"></img></a>

摄像机

我们是否可以看到任何代码？控制台上是否有错误？听起来您使用的是HTTP和HTTPS的混合。由于CORS的原因，这是行不通的。如果你的网站上有HTTPS，你的图像和相机也都需要HTTPS。基本上，您将需要整个HTTPS。谢谢各位。该死使用HTTP的摄像头不允许HTTPS。我是否可以用nginx代理它，以便HTTP url引用已使用的HTTPS？不幸的是，如果您在web应用程序中使用HTTPS资源。您还需要在HTTPS上托管web应用程序本身。好的，假设我删除了HTTP URL，那么它们都是HTTPS。我需要什么url来传递详细信息？