1

抱歉标题措辞不好,很难总结。

我的网站顶部有一个固定的标题,然后我有一些 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)。我不太确定有没有办法解决这个问题。

4

0 回答 0