2016-09-20 13 views
0

我使用自定義的YouTube播放器直接在網站上播放YouTube模式視頻。Safari上的動態YouTube播放器問題

找到下面的代碼:

JS & HTML:

<script src="https://www.youtube.com/iframe_api"></script> 
 
<script type="text/javascript"> 
 
    var player; 
 

 
    function onYouTubeIframeAPIReady() { 
 
     player = new YT.Player('video-placeholder', { 
 
      width: 600, 
 
      height: 400, 
 
      videoId: 'VIDEO_ID', 
 
      events: { 
 
       onReady: initialize 
 
      } 
 
     }); 
 
    } 
 
    </script>
<div id="modal2" class="modal"> 
 
    <div class="modal-content"> 
 
    <div id="video-placeholder"></div> 
 
    </div> 
 
    <div class="modal-footer"> 
 
    <a href="javascript:void(0);" onclick="player.pauseVideo();">Pause</a> 
 
    </div> 
 
</div>

及其對Chrome和Firefox工作正常,但在Safari球員甚至沒有加載。它只是顯示黑屏。 enter image description here

有什麼建議嗎?

回答

0
<meta name="apple-mobile-web-app-capable" content="yes"> 

添加此標記在頭打開headClosing

+0

它已經加入之間。玩家div除了上面提到的黑色屏幕外沒有任何東西。 –

+0

爲您提供與您的視頻相關的款式 –

+0

沒有單獨的款式,在應用程序中使用了材質主題。它在鉻和FF上運行良好。 –