Load iframe with PHP and AJAX

I have a site where you can view live video, youtube, facebook and other mechanisms.

The client is wanting to make a screen with two divs containing the iframe of the video and another div containing several images with links, where when clicking the links load the url of the video inside the iframe. I thought about doing this via ajax. I just do not know if the way I thought or did is right. (I suck at ajax).

<!-- Divs da Página com a Função -->
<div class="container">
<div class="col-md-8" id="live">

</div>
<div class="col-md-4">
<div class="row">
<b>ASSISTA TAMBÉM ATRAVÉS DO:</B>
</div>
<div class="row">
<div class="col-md-3"><a href="javascript:func()" id="btn"><img src="img/azure.png" width="60px" name="azure" height="40px"></a></div>
<div class="col-md-3"><a href="javascript:func()" id="btn"><img src="img/youtube.png" width="100%" height="40px"></a></div>
<div class="col-md-3"><a href="javascript:func()" id="btn"><img src="img/facebook.png" width="100%" height="40px"></a></div>
<div class="col-md-3"><a href="javascript:func()" id="btn"><img src="img/twitter.png" width="100%" height="40px"></a></div>

</div>
</div>
</div>
$(function(){
    $("#btn").click(function(){

        $.ajax({
            type: "POST",
            if( $("input[name=azure]").val())
            {
                data: { primeiro:azure },
            }
            else if($("img[name=youtube]").val())
            {
                data: { primeiro:youtube },
            }
            else if($("img[name=facebook]").val())
            {
                data: { primeiro:facebook },
            }
            else{
                data: { primeiro:twitter },
            }



            url: "link.php",
            dataType: "html",
            success: function(result){
                $("#live").html('');
                $("#live").append(result);

            },
            sucess:function(){alert("Funciona!");};

        });
    });
});

PHP:

<!-- Página PHP contendo o iframe com os resultados -->
<?php
$facebook='<iframe width="100%" height="315" 
src="#"
 frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>';
$youtube='<iframe width="100%" height="315" src="#"
 frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>';
$periscope='<iframe width="100%" height="315" src="" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>"';
$twitter='<iframe width="100%" height="315" src="" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>"';
$azure='<iframe width="100%" height="315" src="" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>"';

if($_POST["primeiro"]=="facebook")
{
    $_POST["primeiro"]=$facebook;
}
else if($_POST["primeiro"]=="youtube")
{
    $_POST["primeiro"]=$youtube;
}
else if($_POST["primeiro"]=="periscope")
{
    $_POST["primeiro"]=$periscope;
}
else if($_POST["primeiro"]=="twitter")
{
    $_POST["primeiro"]=$twitter;
}
else
{
    $_POST["primeiro"]=$azure;
}

?>