关闭图标添加到嵌入式的Youtube视频

Question

的问题是说它：

我怎么能添加一个图标并内嵌YOTUBE-视频窗口？

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>