2016-04-21 72 views
0

我使用YT.player顯示在網站上現場直播YouTube的直播事件: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); 

我該如何解決呢?

謝謝你的幫助。

+0

倒計時是哪裏? – mpgn

+0

當視頻尚未播放時出現。例如:http://www.tiikoni.com/tis/view/image.php?id=e691fd1 – nicolaszanghi

回答

0

我做了一個小的修復,重新加載視頻,如果它還沒有開始。當玩家變黑並重新加載時,它並不是很乾淨,但它很有效。倒計時就像那樣。

$.doTimeout('youtube_notplaying', 20*1000, function() { 
     if (typeof youtubePlayerSatcom != 'undefined') { 
      if (youtubePlayerSatcom.getPlayerState() == -1) { 
       if (debug_interface) console.log('load '+videoId); 
       youtubePlayerSatcom.loadVideoById(videoId); 
      } else if (youtubePlayerSatcom.getPlayerState() != -1) { 
       return false; // stop timeout 
      } 
     } 
     return true; // repeat 
    }, true); 
相關問題