在 HTTPS 站点中包含非安全流 URL

Question

我有一个启用了 HTTPS 的站点，我使用 javascript/html5 音频插件在这里播放 mp3。 Chrome 和其他浏览器正在阻止流式传输 url 作为不安全的内容。用户需要手动允许阻止的内容。

My Site : https://www.domain.com
Streaming URL : http://100.160.240.230:8000/high

Javascript 代码片段：

<script type="text/javascript">
$(document).ready(function(){
   var stream = { mp3: "http://100.160.240.230:8000" },
   ready = false;   $("#jquery_jplayer_1").jPlayer({
   ready: function () {ready = true; $(this).jPlayer("setMedia", stream).jPlayer("play"); },
   pause: function() {$(this).jPlayer("clearMedia");}, error: function(event) {
    if(ready && event.jPlayer.error.type === $.jPlayer.error.URL_NOT_SET) {
        $(this).jPlayer("setMedia", stream).jPlayer("play"); }},
   solution: "flash, html", swfPath: "/player/flash/player.swf", supplied: "mp3" });});
</script>

有没有安全流式传输的解决方法url？我现在真的无法管理安全的蒸汽url。

Answer 1

通过使用 https，您向访问者显示了一个绿色锁。

如果你想做http请求，那就意味着你想欺骗你的访问者。

不要那样做。（出于同样的原因，浏览器会阻止您或移除绿色锁 - 称为混合内容）

Answer 2

正如@deceze 提到的，一旦您承诺使用 HTTPS；浏览器无法让您显示混合内容。如果您愿意购买一个域或创建一个子域（我想很便宜），那么

将您的服务器指向该域。
使用像 Cloudflare 这样的服务，它为您提供 https（免费）。 https://www.cloudflare.com/plans/。

因此，所有传递的信息都来自 cloudflare HTTPS 服务器，您不会收到那些混合内容警告。

我假设 IP 是可公开访问的。

希望对您有所帮助！

在 HTTPS 站点中包含非安全流 URL

Include non-secure steaming URL in HTTPS site

javascript

browser

https

html5-audio

insecure-connection