youtube popup的自定义关闭按钮

Question

我有一个youtube视频弹出，效果很好，但我想要包含一个自定义关闭按钮。我已经做过研究，但这一切都没有结果，所以我希望我的朋友可以提供帮助。

Answer 1

我想问你的问题是你想要一个自定义关闭按钮来关闭你的YouTube视频所在的DIV或iframe。我建议使用jQuery：

$(function(){

  $(".closeBtn").click(function(){
    $($(this).data("target")).hide();
  });

});

然后在HTML中：

<div class="video" id="v1">
    <div class="closeBtn" data-target="#v1"></div>

  <iframe></iframe>
</div>

JS Fiddle

数据目标（data-target="#v1"）的作用是定位div（<div class="video" id="v1">）的ID，然后在jQuery中添加动画效果.hide()，.fadeOut(500)到ID。