Javascriptは、同じタブ上にあるときにのみタブアウト/リロード時にページをリロードしません。

Question

JavaScriptを使用してYTのビデオIDを取得し、javascriptでYTのビデオIDを取得します。私は、現在のタブになっているときにのみリロードが発生し、タブでは表示されないことに気付きました。それは私がライブラリを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ライブラリにパッチを当てることなくバイパスできる方法は考えられません。