SafariのダイナミックYouTubeプレーヤーの問題

Question

私はカスタムYouTubeプレーヤーを使用して、モーダルボックス内のウェブサイトでYouTube動画を直接再生しました。

以下のコードを検索：

JS & HTML：ChromeとFirefoxの上で正常に動作し

<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>

ITSは、しかし、Safariでプレイヤーにもロードされていません。その黒い画面を表示するだけです。

Answer 1

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

ヘッド開口部との間では、このタグを追加