我正在使用playsinline属性在页面上显示一个元素，以允许iOS设备播放视频而无需将其设置为全屏。效果很好，但我注意到，通过该属性，video元素包含一个“ Shadow Content（User Agent）”元素，以及一个带有“ media-controls-container”类的div，使我认为它与视频控件有关吧o类似。 该div通常不会打扰我，但是我尝试在video元素的容器上添加一个click侦听器，并且我注意到如果我单击video元素表面，则不会触发该事件，在桌面上效果很好浏览器。
我已经尝试在video元素上设置css属性“ poiter-events：none”，但这似乎还不够，因为我之前提到的“ media-controls-container”阻止了事件传播到下面的容器。 我发现在“ media-controls-container”上设置相同的属性可以解决我的问题，但是由于它是此“影子内容（用户代理）”的一部分，所以我不知道如何使用css设置该属性
我还尝试使用javascript检查video元素，并且注意到，据我所知，“ video.shadowRoot”属性在该元素上设置为null，就我所知，这意味着阴影内容已关闭且不可访问。 / p>
因此，基本上，我无法更改该阴影内容的css属性，并且我不知道如何让视频元素将click事件传播到父容器。
有人知道如何做到这一点吗？ 还要注意，视频元素相对于其容器的位置是“ position：absolute”（我不知道它是否有用）。
感谢您的帮助。