CSS 显示 :none won't hide YouTube Embed (no jQuery)

Question

我很难让嵌入的 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/

Answer 1

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

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

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

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

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

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