4

我需要在 youtube 视频上有 pointer-events: none 以允许单击父 div。无法与视频互动是必需的行为。查看jsfiddle:

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

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

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

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

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

任何想法如何克服这些问题或为什么存在这些不一致?

4

0 回答 0