You can simply do this with jquery , see an example below :
$(function(){
$(".closeBtn").click(function(){
$($(this).data("target")).fadeOut(500);
});
});
.closeBtn {
position: absolute;
cursor: pointer;
top: 5px;
left: 5px;
z-index: 999999;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<div id="v1">
<div class="closeBtn" data-target="#v1"><img src="http://downloadicons.net/sites/default/files/delete--delete-icon-32231.png" width="30" height="30" /></div>
<iframe width="932" height="510" src="https://www.youtube.com/embed/v5dU-dG9epY" frameborder="0" allowfullscreen></iframe>
</div>
solved Add Close-Icon to embeded Youtube-Video [closed]