CSS display:none 不会隐藏 YouTube Embed (no jQuery)



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

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

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

如果你想隐藏第二个视频,那么使用:

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

尽管您的代码也在工作,而且似乎必须清除缓存才能看到它的运行。

注意:避免使用!important,这不是一个好的做法。

也许可以尝试清理缓存。我只是想添加显示:没有;对于CSS中的入口视频包装器,它对我来说很有用:

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

相关内容

  • 没有找到相关文章

最新更新