iOS视频帧优先于固定标头

时间:2013-07-01 02:54:31

标签: ios css mobile fixed

对于措辞严厉的标题感到抱歉,很难总结这一点。

我的网站顶部有一个固定的标题,然后我有一些iFramed的视频(主要来自Vine和YouTube)。我的问题是即使标题是固定的,具有更高的z-index,并且它的外观比视频iFrame更高,它也不是那样的。这似乎是由于iOS视频帧,或者你想要的任何东西。

我把这个模拟放在一起向你展示我的意思: https://dl.dropboxusercontent.com/u/324723/Web/vid_iframe_fixed_issue.html

预期的行为是 - 向下滚动,然后在标题与某些文本重叠时点按标题。标题文本有一个锚悬停标记,所以它会变黑。这是应该发生的事情。

刷新,然后向下滚动页面直到标题与第一个视频(Vine)重叠,然后尝试点击标题,视频应该放在哪里(比如字母“A”),它会加载视频。

刷新,然后向下滚动页面,直到标题与第二个视频(YouTube)重叠,然后重试:它将正常工作,因为YouTube有一个闪屏。但是,如果你然后加载YouTube视频,点击“完成”退出视频,并重复此过程,你将遇到与Vine视频相同的问题,因为启动画面已经消失,iOS视频帧取代了它。 Vine没有闪屏,所以这个问题很明显。

为什么它会在视频上方显示标题,但仍会优先处理视频?这只是iOS的一个问题,Android似乎很好。我做错了什么,或者这是iOS的固有问题?

编辑:这也是其他网站上的问题(请参阅Mashable或Instagram)。我不太确定有办法解决这个问题。

0 个答案:

没有答案