hls.min.js使用心得was loaded over HTTPS, but requested an insecure XMLHttpRequest endpoint

2022-09-14  阅读 759 次

hls.min.js使用有时候会报错was loaded over HTTPS, but requested an insecure XMLHttpRequest endpoint

这个是因为

服务方给到的地址是HTTP协议的,当我将直播页面放到HTTPS的服务器中 ,页面就会出现报错,无法正常播放。浏览器出现类似“was loaded over HTTPS, but requested an insecure resource/frame”这种错误

原因是因为HTTPS是一个相对安全的网络访问协议,HTTP是一个相对不安全的网络访问协议,在HTTPS里面是无法请求HTTP的外链地址的。

解决方案有三种:

1.一种是将拉流的直播服务器升级到HTTPS,这样就可以正常的进行访问。但是这一种在我现在的项目中是难以实现的,因为只播放的链接并不是生成出来给我们一方使用的,所以我们只能使用第二种方法。

2.因为现有的HTTPS的服务器多半都是可以以HTTP的请求正常访问的,所以这里只需要将访问链接中的HTTPS改成HTTP即可解决现有的问题,当然这种问题是治标不治本的,要想从根本上去解决这个问题,可以使用下面的方法。

3.在我们的网站<head>标签里面加入如下内容即可

<meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests">

它会自动将HTTP请求升级成安全的HTTPS请求。


测试 直播播放器

本文地址:https://yaaibk.com/post/284.html
版权声明:本文为原创文章,版权归 本站 所有,欢迎分享本文,转载请保留出处!

评论已关闭!