Question

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

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

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

为了隐藏2个视频中的任何一个，我尝试过这个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

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

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

Answer 2

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

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

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

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

虽然您的代码也正常工作，但您似乎必须清除缓存才能看到它的实际效果。

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

CSS显示：none不会隐藏YouTube嵌入（没有jQuery）

2 个答案: