Css 指针事件:嵌入/对象进出iframe浏览器无不一致/错误
我需要有指针事件:youtube视频上没有允许点击父div的事件。无法与视频交互是必需的行为。查看JSFIDLE: 第一个测试,使用iframe选项,在firefox上运行良好,但在chrome上没有调用该事件。iframe中的大多数项目似乎都尊重指针事件:没有,除了嵌入对象本身,即使单击视频也不会开始播放,它吸收了鼠标事件。在真实场景中,也可以拖动父div,在chrome中,首先单击视频开始拖动,无法停止 第二个测试用例,使用旧的嵌入代码,在chrome上运行良好,触发事件,但在firefox上它就像指针事件:没有任何事件,视频完全可交互 vimeo视频似乎也发生了同样的事情,因此这似乎是嵌入式系统的通用浏览器行为 有什么想法可以克服这些问题,或者为什么存在这些不一致Css 指针事件:嵌入/对象进出iframe浏览器无不一致/错误,css,object,iframe,embed,Css,Object,Iframe,Embed,我需要有指针事件:youtube视频上没有允许点击父div的事件。无法与视频交互是必需的行为。查看JSFIDLE: 第一个测试,使用iframe选项,在firefox上运行良好,但在chrome上没有调用该事件。iframe中的大多数项目似乎都尊重指针事件:没有,除了嵌入对象本身,即使单击视频也不会开始播放,它吸收了鼠标事件。在真实场景中,也可以拖动父div,在chrome中,首先单击视频开始拖动,无法停止 第二个测试用例,使用旧的嵌入代码,在chrome上运行良好,触发事件,但在firefo
.test iframe, .test object, .test embed {
pointer-events: none;
}