'a'链接不适用于html5 iPhone Safari中的视频标签

我在Safari浏览器中为我的移动网站使用html5视频标签。视频标签工作正常，但我也有一些“a”链接在该视频上重叠。我已经添加了绝对位置的链接。当我点击链接时，他们不工作。'a'链接不适用于html5 iPhone Safari中的视频标签

有没有人有任何解决方案？

这里是我的代码：

CSS: .absDiv{ 
    background: #fff; position: absolute; top: 90px; left: 30px; padding: 4px; z-index:9999; font-size: 1.2em; 
} 

HTML: 
<div style="border: 1px solid #f00; position: relative;"> 

<div class="absDiv">I am <a href="http://www.google.co.in/">absolute</a> positioned div</div> 

<video width="320" height="240" autoplay="autoplay" loop="loop" controls="controls" tabindex="0"> 
    <source src="video1.ogv" /> 
    <source src="video1.mp4" />  
</video> 

</div>

我用Google搜索，但没有找到任何帮助。

在此先感谢。

来源

2011-08-19 Dipak

您是否尝试将锚标记的z索引设置为高于视频标记？

因此，例如

a{position:absolute; top:whatever; left:whatever; z-index:10;} 
video{position:relative; z-index:1;}

来源

2011-08-19 15:29:19 rickyduck

尝试过，但没有运气:( – Dipak

任何机会，你可以发布链接？ – rickyduck

它的工作在Windows浏览器，但不是在iPhone Safari – Dipak

这里的问题是你的视频标签“控制”。在iOS上，虽然视频播放器设置为使用其默认控件，但它会忽略视频上的所有其他触摸/点击事件（以及视频顶部的任何事件）。

为了让您的联系工作，就可以替换下你的开场视频标签：

<video width="320" height="240" autoplay="autoplay" loop="loop" tabindex="0">

但是，这是否意味着你将不再有播放/暂停按钮，洗涤器等，所以你要么需要去没有这些或滚动自己的。

来源

2012-01-23 09:03:43 user1164577

'a'链接不适用于html5 iPhone Safari中的视频标签

回答

相关问题