Capturar id para url do iframe

Preciso de ajuda para capturar o id de um elemento para inserir no src de um iframe

<a class="videoLink" id="https://www.youtube.com/embed/tZZ3nEdw-2c">
 <li class="list-unstyled mb-1 liVideo">
 <div class="float-left">
 <img src="https://i.ytimg.com/vi/tZZ3nEdw-2c/default.jpg" alt="Céu e terra se encontram - Davi Fernandes &amp; Cultura do Céu (DVD Céu e terra se encontram)">
 </div>
 <div class="">
 <h6>Céu e terra se encontram - Davi Fernandes &amp; Cultura do Céu (DVD Céu e terra se encontram)</h6>
 <small class="float-right">16:50</small>
 </div>
 </li>
</a>

	Função jQuery que tentei utilizar:

$(document).click(".videoLink", function(event){
 event.preventDefault;
 var url = $(this).attr("id");
 console.log(url);
 var iframeVideo = '<iframe width="560" height="315" src="'+url+'" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>'
 $("#iframeVideo").html(iframeVideo);
 $("#iframeVideo").show();
})

	Porém quando clico no link ele me retorna 'undefined' como o valor da variável url.