延迟加载youtube iframe，但继续关注播放/暂停按钮？

Question

什么是延迟加载youtube视频但又像常规加载一样继续关注播放/暂停按钮的正确方法（残疾人可以使用space键来暂停视频）？

所有解决方案似乎都不专注于视频，space向下滚动页面。

那有可能吗？

Answer 1

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

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

iframe.onload = function() {
  onLoad();
}

或类似这样：

<iframe src="https://logrocket.com/" onload="onLoad()" onerror="onError()"></iframe>

如果您随后编写一个名为onLoad（）的函数，使用类似于下一个代码块中的代码调用播放按钮上的.focus()方法，则应该能够将焦点设置到播放按钮上。请注意，以下代码块假定播放按钮的ID为“ play_button”（不太可能）。

funtion onLoad() {
   iframe.contentWindow.document.getElementById("play_button").focus();
};

希望这会有所帮助！