问iFrame在Chrome中无法正常加载

EN

我正试图向一个潜在的客户展示一个简单的模型，他如何从自己的在线电台流式媒体到一个页面。该电台是使用外部站点构建的，在Safari中，在iFrame中呈现电台的共享链接可以完美地工作，并且可以在页面加载时立即播放，而用户不必做任何事情。下面是纯html代码；这个页面现在没有JS：

<iframe src="https://lucasdraft.out.airtime.pro/lucasdraft_a" frameborder="0"></iframe>

CSS：

iframe {
        height: 50px;
        width: 200px;
        float: right;
}

但在Chrome中，当我试图加载页面的时候，有一半的时间iframe根本不会显示，页面不断加载，页面左下角显示“等待可用套接字”-同样，这种情况在Safari上是不会发生的。当它加载到Chrome中时，它不是显示来自外部源的基本媒体播放器，而是显示一种带有三个点的灰色半圆形。如果我点击这个灰色的斑点，它就会开始播放，但这对用户来说是非常不直观的，更不用说丑陋了。我认为这是Chrome的一个安全功能，但还没有找到任何可靠的修复方法。增加iframe的大小不会更改任何内容。

Safari (按预期工作)：

​

Chrome加载错误：

​

加载iframe后，清除缓存的Chrome：

​

​

谢谢，任何事情都可以帮助修复这个讨厌的错误！