COMO CAMBIAR EL CONTINIDEO DE IFARMAE CON BUTON EN HTML

 <div style="text-align: center;">

  <span style="font-size: large;" ><b>CAMBIAR IFRAME SRC </b></span >

  <iframe    class="video responsive"

    id="MiIframe"

    src="https://daddylive.co/embed/stream-6.php"

    name="iframe_a"

    scrolling="no"

    allowfullscreen=""

   width="924px"

    height="524px"

    frameborder="0"

    >Your Browser Do not Support Iframe</iframe > 

  <input class="button"

    onclick="mostrarMensaje1()"

    type="button"

    value="Opcion1"

  />

  <input

    class="button"

    onclick="mostrarMensaje2()"

    type="button"

    value="Opcion2"

  />

  <input

    class="button"

    onclick="mostrarMensaje3()"

    type="button"

    value="Opcion3"

  />

  <input

    class="button"

    onclick="mostrarMensaje4()"

    type="button"

    value="Opcion4"

  /><br />&nbsp;

  <script type="text/javascript">

      function mostrarMensaje1() {

    document.getElementById("MiIframe").src = "https://sportsonline.to/channels/pt/sporttv4.php"

    }

    function mostrarMensaje2() {

    document.getElementById("MiIframe").src = "https://sportsonline.to/channels/pt/sporttv3.php"

    }

      function mostrarMensaje3() {

    document.getElementById("MiIframe").src = "https://sportsonline.to/channels/hd/hd8.php"

    }

        function mostrarMensaje4() {

    document.getElementById("MiIframe").src = "https://futbollibre.net/en-vivo/win-sports-premium/embed.html"

    }

  </script>

  <style>

    .button {

    background-color: #8baf1c; /* Green */

    border: 3px solid green;

    margin-left:20px;

    color: white;

    text-align: center;

    text-decoration: none;

    font-size: 18px;

    cursor: pointer;

      width: 125px;

    }

  </style>

</div>

<script src="//castmax.net/embed2.js" type="text/javascript"></script>