YouTube iframe 嵌入违规：非被动事件侦听器滚动阻止“touchstart”事件

Question

我在我的网站上嵌入了一个 youtube iframe，它在我的控制台中抛出以下警告：

[违规] 向阻止滚动的“touchstart”事件添加了非被动事件侦听器。考虑将事件处理程序标记为“被动”以使页面更具响应性。见https://www.chromestatus.com/feature/5745543795965952 base.js:4560

[违规] 'setTimeout' 处理程序耗时 115 毫秒 www-embed-player.js:583

我确定是这个组件，因为当我将其注释掉时，警告就会停止。我想摆脱这些警告。这该怎么做？

<iframe width="100%" height="300px" src="https://www.youtube.com/embed/wHcyxs6pGIk" frameborder="0" allow="accelerometer; autoplay; gyroscope; picture-in-picture" allowfullscreen></iframe>

Answer 1

我也遇到了同样的错误。这是我见过的唯一一篇讨论这个问题的帖子。在链接中，警告会引导您查看：Github EventListenerOptions/explainer.md

在该文件中，内容如下：

有一些更复杂的场景，处理程序只想在某些条件下抑制滚动，例如： ... UI 元素（如 YouTube 的音量滑块）在水平滚轮事件上滑动，而不改变垂直滚轮事件上的滚动行为。由于滚轮事件没有等效的“触摸动作”，因此这种情况只能使用非被动滚轮侦听器来实现。

由于 YouTube 的音量滑块，这个错误似乎是不可避免的。