移动Safari YouTube IFRAME活动问题

时间:2013-06-10 12:54:34

标签: youtube touch mobile-safari

上下文:

我有一个容器元素,它是iPad Mobile Safari窗口宽度和高度的100%,其中我有一个YouTube IFRAME来嵌入视频(100%宽度和高度)。

问题是我还有一个关闭按钮固定在页面的右上角。关闭按钮的Z索引比iframe高,并且有一个点击监听器提醒“foo”(iOS6上没有可用的console.log而没有网络调试)。

在按下IFRAME中的“播放”按钮之前,点击关闭按钮的回叫。按下IFRAME中的播放按钮后,永远不会调用关闭按钮回调,而是在IFRAME中切换视频控件。

此问题在Nexus 7上的Google Chrome上不存在,只有iPad上的Mobile Safari。

链接: http://pastie.org/8030167

http://jsfiddle.net/amyMM/

document.querySelector(".close").addEventListener("click", function(e) {

alert("foo")

e.preventDefault()
e.stopPropagation()

return false
})

更多信息:

在touchstart,touchmove和touchend的窗口上添加侦听器后,所有这些事件都无法在页面上的任何位置触发,直到视频播放完毕,之后事件仅在关闭按钮上触发。

0 个答案:

没有答案