Javascript不会在标签页中重新加载页面/仅在同一标签页上重新加载

Question

我使用 javascript/Youtube API + PHP 编写了一个代码，它从 mysql 服务器获取 YT 视频 ID 并放置在 javascript 中。我注意到只有当我在当前选项卡中而不是当我被标记时才会重新加载。有点乱 拥有一个自己的网站的整个想法，我可以将库放入 MYSQL 并从那里播放。任何帮助将不胜感激。

<div id="player"></div>
<script src="http://www.youtube.com/player_api"></script>

var player;

function onYouTubePlayerAPIReady() {
  player = new YT.Player '."('
  player ', {
  height: '100%',
    width: '100%',
    videoId: 'VyMznzLTIi8',
    events: {
      'onReady': onPlayerReady,
      'onStateChange': onPlayerStateChange
    }
});
}

// autoplay video
function onPlayerReady(event) {
  event.target.playVideo();
}

// when video ends
function onPlayerStateChange(event) {
  if (event.data === 0) {
    location.reload(true);
  }
}

Answer 1

嗯，这显然不是浏览器的错。当窗口没有聚焦时，浏览器会重新加载页面。更像是这个 YT.Player 在窗口没有聚焦时不会触发 onPlayerStateChange 事件。 不仅如此，如果您注意到，如果选项卡没有聚焦，YT.Player 甚至不会启动视频。 我想不出没有修补 YT 库就可以绕过它的方法。