Javascript iframe内阻止的上下箭头导航

我正在努力提高我的网站对只使用键盘的用户的可访问性。我在上下箭头导航上被阻止，无法在页面上滚动。正常情况下它可以工作，但如果我在iframe中播放视频，它就会停止工作，因为在iframe中滚动是有限的。有javascript、jquery或html解决方案吗

为了便于访问，您正努力为纯键盘用户提供更好的服务，这很好，但目前的工作方式是正确的。当iframe接收到焦点或iframe中的任何元素时，所有事件都将转到iframe。如果iframe显示的内容比iframe中的内容多，则向上/向下箭头将滚动iframe的内容，而不是主页。如果在焦点位于iframe中时强制向上/向下滚动主页面，则会导致意外行为

现在，最终用户可能不知道或不关心您正在使用的iFrame，只是在您的页面上看到一个视频，可能想知道为什么他们不能再使用向上/向下箭头键滚动页面。这是iframe如何实现的一个不幸结果

您可以尝试的一件事是在iframe上添加一个键盘事件处理程序，当您得到一个向上/向下箭头键时，将其冒泡到包含文档中。也许像这样未经测试的东西：

document.getElementById("myiframe").contentDocument.addEventListener(...)

你在哪里

<iframe id="myiframe">