什么是延迟加载 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>
如果你想写一个名为 onLoad() 的函数来调用 .focus()播放按钮上的方法,代码类似于下一个 block 中的代码,您应该能够将焦点设置到播放按钮。请注意,以下代码块假定播放按钮的 ID 为“play_button”,但这种情况不太可能发生。funtion onLoad() {
iframe.contentWindow.document.getElementById("play_button").focus();
};
希望这可以帮助!
关于iframe - 延迟加载 youtube iframe 但继续关注播放/暂停按钮?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/62553751/