如何将Focus设置为嵌入式YouTube视频?

时间:2015-02-22 15:59:29

标签: javascript youtube youtube-api embedding

我正在使用YouTube的JavaScript API将视频嵌入到我的个人网站上。我希望能够将焦点直接设置在嵌入式YouTube视频的搜索栏上,以便在页面加载时使用键盘快捷键。

我一直在尝试.focus()选项,但没有运气。

以下是我目前的代码:

var tag = document.createElement('script');
tag.src = "https://www.youtube.com/iframe_api";
var firstScriptTag = document.getElementsByTagName('script')[0];
firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);
var done = false;
var player;
function onYouTubeIframeAPIReady() {
    player = new YT.Player('player', {
      height: '500',
      width: '820',
      videoId: 'k-sfFFnfO8g',
      events: {
        'onReady': onPlayerReady,
      }
    });

}

function onPlayerReady(evt) {
    evt.target.playVideo();
    evt.target.pauseVideo();
    document.getElementById('script').focus();
}

有任何建议或帮助吗?

0 个答案:

没有答案