在嵌入的YouTube-Video中添加Close-icon

Question

问题是：

我如何能够将图标添加到并嵌入yotube-video-window？

Answer 1

您可以简单地使用 jQuery 进行此操作，请参见下面的示例：

$(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>