播放 HTML5 视频时出现下拉菜单问题
我在获取下拉菜单 (jQuery) 来播放 HTML 5 视频时遇到一些问题。当视频尚未开始播放时，例如第一次加载页面时，这很好。然而，一旦视频开始播放，甚至在暂停后，Safari 中视频上方的下拉菜单就会开始变得混乱，而在 Chrome 中，文本根本不存在。在 Firefox 中，文本在播放视频时按应有的方式显示。
标头的代码位于正在播放视频的 iframe 上方的 php 文件中。因此标头向下延伸穿过 iframe，同时保持在顶部。
这里有一些屏幕截图，可以看看我在说什么（Stack Overflow 不允许我直接发布图像，但这里是链接）：
FIREFOX
http://oi41.tinypic.com/qpm16a.jpg
如果您需要查看代码，这里有一个指向您可以查看源代码的页面的链接：
http://filmlook.com/e_website/
（由于菜鸟状态，我无法发布更多链接或图像，但是您可以自己检查该网站，看看问题是什么。）
显然，我想保持代码大部分完整，但如果有另一个我可以使用的菜单系统可以更好地工作或任何其他选项，我会听到一切。
另外，我也是一个代码菜鸟，所以请尝试尽可能地解释你的答案。
谢谢
I'm having some issues getting a drop down menu (jQuery) to work on top of playing HTML 5 video. When the video hasn't started playing yet, like when one first loads the page, it's fine. However, once the video starts playing, and even after it gets paused, the drop down menus above the video start getting jumbled in Safari, and in Chrome, the text isn't there at all. In Firefox, the text displays as it should over playing video.
The code for the header is in a php file above an iframe, which is playing the video. So the header extends down through the iframe, while staying on top.
Here are some screenshots to see what I'm talking about (Stack Overflow wouldn't let me post the images directly but here are the links):
FIREFOX
http://oi41.tinypic.com/qpm16a.jpg
If you need to see the code, here's a link to the page where you can view the source:
http://filmlook.com/e_website/
(I couldn't post more links or images because of noob status, but you can check the site out for yourself to see what the problem is.)
Obviously, I'd like to keep the code mostly intact, but if there's another menu system I could use that could work better or any other options, I'll hear everything.
Also, I am kind of a noob with code, too, so please try and explain your answers as best you can.
Thanks
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（1）
如果我手动更改 css 属性“display: none;”到“显示：阻止”；它甚至可以在带有覆盖层的 Chrome 中工作。我看到你正在使用效果来显示你的下拉菜单。你试过没有那个吗？
因此，只需更改您的显示器并检查是否有效。
if i change manually the css property "display: none;" to "display: block"; it even works in chrome with the overlay. i see you are using an effet to show your dropdowns. have you tried it without that?
so just simply change your display and check if that works.