【发布时间】:2012-02-23 21:11:43
【问题描述】:
在播放 HTML 5 视频时,我在获取下拉菜单 (jQuery) 时遇到了一些问题。当视频还没有开始播放时,比如第一次加载页面时,没关系。但是,一旦视频开始播放,甚至在暂停之后,视频上方的下拉菜单在 Safari 中开始变得混乱,而在 Chrome 中,文本根本不存在。在 Firefox 中,文本在播放视频时显示为应有的效果。
标头的代码位于 iframe 上方的 php 文件中,该 iframe 正在播放视频。所以标题向下延伸通过 iframe,同时保持在顶部。
这里有一些截图,看看我在说什么(Stack Overflow 不允许我直接发布图片,但这里有链接):
火狐
http://oi41.tinypic.com/qpm16a.jpg
如果你需要看代码,这里有一个链接到你可以查看源代码的页面:
http://filmlook.com/e_website/
(由于新手状态,我无法发布更多链接或图片,但您可以自行查看该网站以了解问题所在。)
显然,我希望代码大部分保持不变,但如果我可以使用另一个可以更好地工作的菜单系统或任何其他选项,我会听到一切。
另外,我也是一个代码菜鸟,所以请尽量解释你的答案。
谢谢
【问题讨论】:
-
在我的 Firefox 和 chrome 中看起来不错。我有 IE8,菜单出现在视频后面。否则它看起来很好。
-
嗯,好的。所以它在 Windows 上看起来不错,除了 IE8 问题。在 Mac 上使用 Chrome,文本会消失...
-
我可以确认问题存在于 Mac Chrome 和 Safari 中。
标签: jquery css html5-video drop-down-menu