CSS display:none 不会隐藏 YouTube Embed（没有 jQuery）答案

【问题标题】：CSS display:none won't hide YouTube Embed (no jQuery)CSS display:none 不会隐藏 YouTube Embed（没有 jQuery）
【发布时间】：2014-02-16 08:01:39
【问题描述】：

我无法让嵌入的 YouTube 视频不显示在我的网站上。问题是页面上有两个相同的嵌入视频，我想隐藏一个。

有 2 个，因为一个是由 wordpress 主题生成的（我必须将嵌入代码粘贴到主题设置中的某处），而另一个是粘贴到编辑器中的直接 youtube 链接，唯一的目的是自动生成特色图片从视频缩略图。

我想隐藏第二个，最好。我知道它可以通过在发布后删除文本编辑器中的 YouTUbe 链接来轻松删除。但我希望它不必在页面最初发布时显示。

为了隐藏这两个视频中的任何一个，我尝试了这个 CSS，但它似乎不起作用

div.entry-video-wrapper {display:none !important;}
div.entry-video iframe {display:none !important;}
div.fluid-with-video-wrapper {visibility:hidden !important;}

有什么我可能做错了吗？

这是我正在处理的示例页面http://wazobiajournal.tv/gallery/game-of-thrones-season-4-fire-and-ice-foreshadowing/

【问题讨论】：

标签： css wordpress youtube

【解决方案1】：

如果您想隐藏第一个视频，请使用：

.entry-video .fluid-width-video-wrapper{
    display: none;
}

如果您想隐藏第二个视频，请使用：

.embed-youtube .fluid-width-video-wrapper{
    display: none;
}

虽然您的代码也在运行，但您似乎必须清除缓存才能看到它的运行情况。

注意：避免使用!important，这不是一个好习惯。

【讨论】：

显然，我应该清除缓存。傻我。现在可以使用了，谢谢

【解决方案2】：

尝试清理缓存。我只是想添加 display: none;对于 CSS 中的 .entry-video-wrapper ，它对我有用：

.entry-video-wrapper {
    margin: 0 -30px;
    display: none;
}

【讨论】：