我需要在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视频似乎也发生了同样的事情,所以它似乎是嵌入式的通用浏览器行为
任何想法如何克服这些问题或存在这些不一致的原因?