Javascript JQuery Youtube点击嵌入CSS

我想在单击iframe时更改元素的css，以便在播放视频时更改css，在暂停视频时返回css。我知道JQuery，我试过这么做，但没有成功

以下代码：

$(".video-post").on("click", function() {
    $(".video-post ELEMENT").css("display", "none");
});

HTML:

2017年7月21日

我认为您应该创建一个新类来表示播放状态

在CSS中，您可以添加：

.video-playing{
  display:none;
}
.video-paused{
  display:inline;
}

可以使用jquery方法.hasClass（）查看元素中是否存在该类。 您可以尝试以下代码：

$(".video-post").click(function(){
  if($(".video-post ELEMENT").hasClass()){
    $(".video-post ELEMENT").removeClass("video-playing").addClass(".video-paused");
  }else{
    $(".video-post ELEMENT").removeClass(".video-paused").addClass("video-playing");
  }
});

---

希望这能有所帮助。

您是否尝试过$this.css（“display”、“none”）；或$（this.hide（）；不工作，我想设置转换。这和我做的一样。发布html以便我们可以提供帮助。如果iframe有“video post”类，那么我写的内容就可以了。请检查发布。它不起作用，它是关于youtube api的，我被搜索了一点，它是关于youtube api的，但我还是不能。

.video-playing{
  display:none;
}
.video-paused{
  display:inline;
}

$(".video-post").click(function(){
  if($(".video-post ELEMENT").hasClass()){
    $(".video-post ELEMENT").removeClass("video-playing").addClass(".video-paused");
  }else{
    $(".video-post ELEMENT").removeClass(".video-paused").addClass("video-playing");
  }
});