Я пытаюсь показать потенциальному клиенту простой макет того, как он мог бы передавать потоковое видео со своей собственной онлайн-радиостанции на страницу. Радиостанция была построена с использованием внешнего сайта, и в 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, вместо отображения медиаплеера basi c из внешнего источника он показывает своего рода серый полукруг с тремя точками. Если я щелкаю этот серый шарик, он начинает играть, но это очень не интуитивно понятно пользователю, не говоря уже о некрасивом. Я предполагаю, что это функция безопасности в Chrome, но не нашел надежного способа ее исправить. Увеличение размера iframe ничего не меняет.
Safari (работает должным образом): 
Chrome ошибка загрузки: 
Chrome с очищенным кэшем, после загрузки iframe:
Спасибо, и все, что помогает исправить это досадная ошибка!