iframe - 延迟加载 youtube iframe 但继续关注播放/暂停按钮?
问题描述
什么是延迟加载 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()方法,代码类似于下一个块中的代码,您应该能够将焦点设置为播放按钮。请注意,以下代码块假定播放按钮的 ID 为“play_button”,但这种情况不太可能发生。
funtion onLoad() {
iframe.contentWindow.document.getElementById("play_button").focus();
};
希望这可以帮助!
推荐阅读
- reactjs - Gatsby.js:在 Markdown 中预处理相对路径链接
- node.js - 分页降序
- ubuntu - xen 安装后 Ubuntu 服务器启动卡住
- android - 条码检测后如何初始化加载器?
- r - ggplot2加权条形图,位置=“闪避”
- php - Laravel 5.6 中的计划任务(发送邮件)未执行
- vba - VBA:仅从不同的文档加载用户窗体
- ruby-on-rails - 如何在使用 devise rails 5 题词之前检查用户是否存在?
- mysql - 如何有效地将 mysql 表拆分为多个表(拆分列而不是行)?
- python - Matplot/Pandas X 轴未显示所有值