有两种方法
1.在原前端界面上方加入命令
<meta http-equiv = 'Content-Security-Policy' content = 'upgrade-insecure-requests'>
Upgrade Insecure Requests 是用来解决让浏览器自动升级请求,upgrade-insecure-requests 指令指示客户端将该站点的所有不安全URL被视为替换成安全URL,但是在我的个人使用情况下仍然不能正常显示,F12打开后仍然报错Mixed Content,点进去这个错误,这是浏览器可以访问这个不安全的https视频流后可以正常显示。但是这个不能够去更改每一个用户的浏览器行为,不符合开发的需求。
2.方法有效,并且显示为安全站点
利用nginx服务器将原http视频流地址进行https代理,在nginx.conf文件中添加server如下,端口好可以随意设置,如果使用的为云服务,记得打开该端口。再对前端界面进行相应的修改,将你上面代理的http的头,替换成https的头,如下图
现在已经可以正常访问你的界面了,而且浏览器显示安全。