指针事件:在嵌入/对象进出iframe浏览器不一致/错误时无

时间:2013-07-26 10:23:58

标签: css object iframe embed

我需要在youtube视频上使用指针事件:无以允许单击父div。无法与视频交互是必需的行为。看看jsfiddle:

http://jsfiddle.net/annam/ZrCkR/1/

.test iframe, .test object, .test embed {
    pointer-events: none;
}

第一个测试,使用iframe选项,在firefox上完美运行,但在chrome上,事件不会被调用。似乎iframe中的大多数项目都遵循指针事件:none,除了嵌入对象本身之外,即使在点击时,视频也不会开始播放,它会吸收鼠标事件。在实际场景中,也可以让父div可拖动,并在第一次点击Chrome时视频开始拖动,无法停止。

第二个测试用例,使用旧的嵌入代码,在chrome上工作正常,触发事件,但在firefox上它就像指针事件:没有没有,视频完全可以互动。

vimeo视频似乎也发生了同样的事情,所以它似乎是嵌入式的通用浏览器行为

任何想法如何克服这些问题或存在这些不一致的原因?

0 个答案:

没有答案