将一个youtube iframe放在另一个具有关闭图标的框架上

How can I put an iframe youtube on a frame with icon close. example:- If I want to put the iframe below on frame with icon close, and if I click on icon close the iframe youtube will disappear, how can I do this?

如何将iframe youtube放到带有关闭图标的框架中。例子:-如果我想把iframe与图标关闭，如果我点击图标关闭iframe youtube就会消失，我该怎么做呢?

<iframe width="440" height="215" src="http://www.youtube.com/embed/OyRQio7GfLU" frameborder="0" allowfullscreen></iframe>

Thanks

谢谢

2 个解决方案

#1

I'm not sure by 100% if this is what did you expect, but I hope I've helped you.

我不能百分之百确定这是不是你所期望的，但我希望我已经帮助你了。

$(".button").click(function() {
  $("#x").addClass('hide');
});

.frame {
  height: auto;
  width: auto;
  padding: 20px;
  border: 1px solid black;
  position: relative;
}
.button {
  position: absolute;
  top: 5px;
  right: 5px;
  height: 20px;
  width: 20px;
  background-color: black;
  color: white;
}
.content {
  display: block;
}
.hide {
  display: none;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="frame">
  <button class='button'>X</button>
  <iframe id='x' class='content' width="440" height="215" src="http://www.youtube.com/embed/OyRQio7GfLU" frameborder="0" allowfullscreen></iframe>
</div>

2 个解决方案

#1

更多相关文章

随机推荐