我有一个带有一些自定义控件的无铬嵌入式 youtube 播放器。控件与 iframe 一起绝对定位在 div 中,就像这样,并且在用户将鼠标悬停在视频上之前是隐藏的:
psuedo-code:
<div id="video">
<youtube iframe, embedded via JavaScript>
<div id="controls></div>
</div>
这很好,很漂亮,可以在 Webkit 和 Gecko 下完美运行;将鼠标悬停在视频上算作鼠标悬停在其包含元素上。在 IE 9 中,情况并非如此;控件仅在显式将鼠标悬停在视频 div 而不是 iframe 上时显示。
我能做些什么?CSS 解决方案是最好的,但如果真的有必要,我会使用 Javascript。