播放HTML5视频时下拉菜单的问题 [英] Problems with drop down menus over playing HTML5 video

问题描述

我在使用下拉菜单（jQuery）来处理HTML 5视频时遇到了一些问题。当视频尚未开始播放时，就像第一次加载网页时一样。但是，一旦视频开始播放，甚至在其暂停后，视频上方的下拉菜单开始在Safari中混乱，在Chrome中，文本根本不存在。在Firefox中，文本显示为播放视频。

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.

标题的代码位于播放视频的iframe上方的php文件中。所以标题通过iframe向下延伸，同时停留在顶部。

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.

这里是一些截图，看看我在说什么（Stack Overflow不会让我发布图片直接，但这里是链接）：

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/

（由于noob状态我无法发布更多链接或图片，但是你可以自己检查一下网站，看看有什么问题。）

(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.

此外，我也是一个noob与代码，所以请尝试

Also, I am kind of a noob with code, too, so please try and explain your answers as best you can.

感谢

推荐答案

如果我手动更改css属性display：none;到display：block;它甚至可以工作在镀铬与覆盖。我看到你正在使用效果来显示你的下拉列表。你没有试过吗？

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.

这篇关于播放HTML5视频时下拉菜单的问题的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！