javascript - 如何专注于 youtube 视频播放器对象

Question

我正在制作(或试图制作)一个 chrome 插件，当进入 youtube 页面时，它会自动聚焦于视频对象。

这样做的原因是我喜欢使用空格键来暂停视频。然而，当我们进入一个 youtube 视频页面时，它会关注 body 。如果您随后按空格键，它只会向下滚动。

这是我的代码。

var mp = document.getElementById("movie_player");
setInterval(test,2000);
function test(){
    mp.focus();
    console.log(document.activeElement);
}
onload = mp.focus();

我似乎无法专注于 movie_player 对象。我尝试了一个定时器循环并使用了 onload。它一直关注 body 元素。

我知道 jQuery 可以毫无问题地做到这一点。但是因为任务非常简单，只需要在 chrome 中工作，我觉得 jQ 有点大材小用。

Answer 1

我只需要解决同样的问题。解决方法是先设置tabIndex。默认情况下，插件的索引为 -1；

function focusMyFlash(name){
    var t=document[name]||window[name];
    if(t){
        t.tabIndex=0;
        t.focus();
    }
}

这在 Chrome 和 FireFox 中有效，我认为它在 IE 中仍然有效(但到目前为止尚未测试)。