Как автоматически загружать несколько потоковых ссылок в одном и том же коде вставки Iframe

Question

До сих пор я мог загружать потоковые ссылки в одном и том же фрейме, но у него есть кнопка, расположенная внизу (нижняя строка). В этом случае пользователи могут нажимать на все ссылки там. (Выберите потоковый сервер, который они хотят). Вот мой пример кода:

<div id="player" class="uk-card uk-card-default">
    <div id="video-container">
        <iframe id="video-container-iframe" class="uk-card uk-card-default" src="<?php echo $link;?>" scrolling="no" allowfullscreen="true" webkitallowfullscreen="true" mozallowfullscreen="true" style="width:100%;height:100%" frameborder="0" marginwidth="0" marginheight="0"></iframe>            

    </div>
</div>

и

<div id="bottom-bar" class="uk-card uk-card-secondary" style="padding:5px">
    <div id="bottom-slider">
        <div class="uk-position-relative" uk-slider>
            <ul class="uk-slider-items uk-child-width-1-2 uk-child-width-1-3@s uk-child-width-1-6@m uk-child-width-1-6@l uk-grid uk-grid-small">
            <li onclick="frame('<?php echo $link_source;?>');"><button class="" type="button">Link 1</button></li>
            <li onclick="frame('<?php echo $link2_source;?>');"><button class="" type="button">Link 2</button></li>
            <li onclick="frame('<?php echo $link3_source;?>');"><button class="" type="button">Link 3</button></li>
            </ul>
        </div>
    </div>
</div>

Есть ли способ, которым код (iframe) может автоматически загружаться с условиями. Если потоковая ссылка 1 не работает, тогда код загрузит ссылку 2, ссылку 3 ... без кнопок.