CSS顯示：none不會隱藏YouTube Embed（無jQuery）

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

如果你想隱藏第一視頻，然後使用：

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

如果你想隱藏秒的視頻，然後使用：

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

雖然你的代碼也在工作，看起來你必須清除緩存才能看到它的行動。

備註：避免使用!important，這不是一個好習慣。

Answer 2

嘗試也許清理緩存的示例頁面。我只是想添加顯示：無;在CSS .entry-視頻封裝，它的工作對我來說：

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