Javascript 加载页面后如何关注Jwplayer

一旦用户加载了我们的页面，我们就要使用Jwplayer的捷径。现在，为了使用快捷方式，用户必须做以下两件事之一

用户需要使用tab，直到到达Jwplayer

在播放器上单击两次

有没有办法通过javascript实现这一点，所以一旦用户访问页面，他就可以使用youtube之类的捷径

快捷方式意味着如果用户按空格键，视频应该播放，反之亦然，使用箭头视频应该向前和向后

例如：

---

这是Jwplayer站点。上述捷径要么您需要在视频上单击两次，要么您必须按tab键，直到到达视频。

只需调用相应视频元素的方法。如

document.querySelector（“video”）.focus（）

（如果页面上有多个视频元素，则应使用适当的选择器）。创建视频元素后调用它。

我也有同样的问题。在Firefox上，只需调用focus（）就行了，但在Chrome上不行

最后，我使用了此页面上的建议（单击“这里有一个解决方法”链接并查看来源）：

具体来说，新代码是在setup（）末尾添加的.on（）。使用jwplayer（）的地方有两个。如果页面上有多个播放器，则需要使其更具体，如jwplayer（“容器”）

---

如果不看你的代码/问题示例，就很难帮助更新问题@DekelI打开链接，点击“播放”按钮，视频就播放了。到底是什么问题？我正在考虑走捷径。若你们按下空格键，那个么直到你们点击播放器内部，视频才会播放。一旦你在播放视频后点击播放器内部，那么捷径就会开始。一般来说，这是正确的，但如果能看到一个工作示例（以确保焦点确实起作用），那就太好了。我已经在提供的页面上检查过了（使用浏览器开发控制台）。我在页面加载后按空格键-它没有启动视频。在那之后，我执行了这个代码，再次按下空格键，它就工作了

jwplayer("container").setup({
    // usual setup content here
}).on('ready',function(){
    // This will set the player in focus when it's ready
    jwplayer().getContainer().focus();
    // This will set focus back to the player when the controls are pressed
    var controls = document.getElementsByClassName("jw-controls")[0];
    controls.addEventListener("click", function(){
        console.log("click controls");
        setTimeout(function(){
            jwplayer().getContainer().focus();
        },200);
    });
});