I'm stuck here 

```
<img src="img/server1.png" class="img-thumbnail servidor" data-url="https://google.com/"/>  

<div id="servidores-player">

  <iframe src="" id="player"></iframe>
  <div class="servidor-info">
    <div class="container">HD</div>

```

**JS 2ND UPDATED:**

```
$(document).ready(function () {
    $(".servidor").on("click",function()  {
        $('.container > #servidores-bg').hide();
        $('#servidores-player').show();
        if ($("#player").length==0)
            $("#servidores-player").append($("<iframe/>",{id:"player‌​",src:$(this‌​).data‌​("url")); 
        else
            $("player").attr("src",$(this‌​).data("url")) });
        $('#servidores-player .servidor-info').show();
        var distance = $('#servidores-player iframe').offset().top
        $('html,body').animate({scrollTop:distance},1500);

    });
});

function mostrarServidores() {
    if (document.getElementById('inserido-utilizador')) {

        if (document.getElementById('inserido-utilizador').style.display == 'none') {
            document.getElementById('inserido-utilizador').style.display = 'block';
            document.getElementById('servidores-bg').style.display = 'none';
        }
        else {
            document.getElementById('inserido-utilizador').style.display = 'none';
            document.getElementById('servidores-bg').style.display = 'block';
        }
    }

}

```

Can someone help me to just create de `<iframe>` tag when I click in the image? And jump to iframe element before it loads?

I already updated the codeuntil the part that i'm getting error