YT.player を使用して、ウェブサイトでライブ イベントを表示しています: http://www.solarimpulse.com/rtw
YouTube はライブ イベントの表示を変更するため、YT.player のカウントダウンは動的ではなくなりました。カウントダウンがダウンしていることを確認するには、ページをリロードする必要があります。さらに悪いことに、ライブ イベントを開始するとプレーヤーに何も追加されず、ビデオを表示するにはページをリロードする必要があります。
昨年、カウントダウンとプレーヤーは正常に動作していました。それ以来、コードを変更していません。
var player = {
playVideo: function (container, videoId) {
if (typeof(YT) == 'undefined' || typeof(YT.Player) == 'undefined') {
window.onYouTubePlayerAPIReady = function () {
player.loadPlayer(container, videoId);
};
$.getScript('//www.youtube.com/player_api');
} else {
player.loadPlayer(container, videoId);
}
},
loadPlayer: function (container, videoId) {
youtubePlayerSatcom = new YT.Player(container, {
playerVars: {
controls: 1,
rel: 0,
autoplay: 1,
playsinline: 1,
modestbranding: 1, // disable watch on youtube
fs: 1, // fullscreen
cc_load_policy: 0,
iv_load_policy: 3, // annotations
showinfo: 0 // don't show loading
},
height: '100%',
width: '100%',
videoId: videoId,
events: {
'onStateChange': function (event) {
if (event.data === 0) {
youtubePlayerSatcom.loadVideoById(videoId, 0);
}
}
}
});
}
};
player.playVideo('satcom-player', videoId);
どうすれば修正できますか?
ご協力ありがとうございました。