延迟加载youtube iframe,但关注播放/暂停按钮?

延迟加载youtube iframe,但关注播放/暂停按钮?,iframe,youtube,Iframe,Youtube,延迟加载youtube视频的正确方法是什么,但要像常规加载一样关注播放/暂停按钮(以便残疾人可以使用space键暂停视频) 所有的解决方案似乎都不是将焦点放在视频上,而是space向下滚动页面 这可能吗?这可能不是最好的方法,因为需要在客户端的浏览器中启用JavaScript,但是当iFrame加载如下内容时,您应该能够运行JavaScript函数: const iframe = document.querySelector('.my-iframe'); iframe.onload = fun

延迟加载youtube视频的正确方法是什么,但要像常规加载一样关注播放/暂停按钮(以便残疾人可以使用
space
键暂停视频)

所有的解决方案似乎都不是将焦点放在视频上,而是
space
向下滚动页面


这可能吗?

这可能不是最好的方法,因为需要在客户端的浏览器中启用JavaScript,但是当iFrame加载如下内容时,您应该能够运行JavaScript函数:

const iframe = document.querySelector('.my-iframe');

iframe.onload = function() {
  onLoad();
}
<iframe src="https://logrocket.com/" onload="onLoad()" onerror="onError()"></iframe>
或者像这样:

const iframe = document.querySelector('.my-iframe');

iframe.onload = function() {
  onLoad();
}
<iframe src="https://logrocket.com/" onload="onLoad()" onerror="onError()"></iframe>
希望这有帮助