javascript - Safari上动态YouTube播放器的问题

Question

我使用了自定义的youtube播放器，可以直接在网站上的模式框内播放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上甚至无法加载播放器。它只是显示黑屏。

有什么建议么 ？

Answer 1

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

在头打开头之间添加此标签关闭