使用CSS隐藏嵌入

Question

我与.mp4（Firefox）存在浏览器兼容性问题，我找到了解决方案，但我的问题不断发展。

有这个：

<script src="http://github.com/rafaelp/css_browser_selector/raw/master/css_browser_selector.js" type="text/javascript"></script>
<video src="ikitaAnnie.mp4" controls width="800"></video>
<embed type="application/x-vlc-plugin" name="ikitaAnnie" autoplay="no" loop="no" width="800" height="456.8081991" target="ikitaAnnie.mp4" />

而且：

/* Chrome Only */
.chrome embed {
    display: none;
}

/* Firefox Only */
.gecko video {
    display: none;
}

我的解决方案是为Firefox隐藏<video></video>，并为其他人隐藏<embed />。问题是...... display: none;不适用于<embed />。

是否可以使用CSS隐藏<embed>？怎么样？

Answer 1

尝试使用以下代码模拟display: none

/* Chrome Only */
.chrome embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    overflow: hidden;
}