Question

一旦用户加载我们的页面，我们想要使用Jwplayer的捷径。现在，要使用快捷方式，用户必须执行以下两项操作之一。

用户需要使用标签直到他到达Jwplayer。
点击播放器两次。

有没有办法通过javascript来实现，所以一旦用户到达页面，那么他就可以使用像youtube这样的捷径。

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

例如： - http://tv.jwplayer.com/video/qISnTr5d/1oPgneTb 这是Jwplayer网站。在快捷方式上方，您需要在视频上单击2次，或者必须按Tab键才能显示视频。

Answer 1

只需调用相应视频元素的focus方法即可。与document.querySelector("video").focus()类似（如果页面上有多个视频元素，则应使用适当的选择器）。在创建视频元素后调用它。

Answer 2

我有同样的问题。只需调用focus（）就可以在Firefox上使用，但不适用于Chrome。

我最后使用此页面上的建议（点击“这是一个解决方法”链接并查看来源）：https://support.jwplayer.com/customer/portal/questions/16959756-player-loses-focus-after-clicking-on-the-controlbar

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

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);
    });
});

加载页面后如何关注Jwplayer

2 个答案: