Как запустить аудио поток из iframe после нажатия на кнопку

Question

В настоящее время я работаю над интернет-радиостанцией и использую классический проигрыватель HTML для потоковой передачи:

<audio controls id="audio" src="http://stream.url" ></audio>

и простой сценарий Java

<script type="text/javascript">
    function play(){
        var audio = document.getElementById("audio");
        audio.play();
}
</script>

, что означаетчто когда я нажимаю кнопку с элементом onclick onclick="play()", проигрыватель начинает воспроизводить прямой эфир.

Теперь я хотел бы сделать то же самое с проигрывателем iframe, который не находится в моем домене. Возможно ли это??

Вот iframe:

<iframe name="contenedorPlayer" class="cuadroBordeado" allow="autoplay" width="100%" height="110px" marginwidth=0 marginheight=0 hspace=0 vspace=0 frameborder=0 scrolling=no src="https://cp.usastreams.com/html5-player-barra-responsive.aspx?stream=http://fluoz.radiojar.com:80/54cyaf0kfkeuv&fondo=03&formato=mp3&color=11&titulo=2&autoStart=1&vol=5&nombre=Slu%c5%a1ate+B+FM+Radio&botonPlay=2&imagen=http://bfm.rs/wp-content/uploads/2018/12/logo-min.png"></iframe>

Если это что-то значит, у меня есть доступ к настройке автоматического воспроизведения ..

Answer 1

Прежде всего доступ к различным страницам с вашей страницы ограничен безопасностью браузера.

Теперь для вашего случая вы можете заставить его работать, если ваш iframe является дочерним по отношению к странице, с которой вы хотите управлять им.

Вы можете использовать DOM для доступа к нему с помощью document.parent из iframe или путем поиска элемента iframe в вашем DOM.

В противном случае, если ваш iframe на самом деле отсутствует на главной странице,или даже другой области, тогда это невозможно, насколько я знаю.