Safari 移动版 - youtube iframe api - 自动播放

Question

我正在尝试使用 YouTube iframe API 让 Youtube 视频在 Safari 移动设备上自动播放。这是我的代码：

<div class="player-wrapper featured-small featured-medium featured-large featured-xlarge">
    <div id="player"></div>
</div>
<script>
      var tag = document.createElement('script');
      tag.src = "https://www.youtube.com/player_api";
      var firstScriptTag = document.getElementsByTagName('script')[0];
      firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);

      var player;
      function onYouTubePlayerAPIReady() {
        player = new YT.Player('player', {
          playerVars: {
            'controls': 0,
            'showinfo': 0,
            'autoplay': 1,
            'loop': 1,
            'modestbranding': 1,
            'playlist': '<?php echo $scales_hero_video; ?>'
          },
          videoId: '<?php echo $scales_hero_video; ?>',
          events: {
            'onReady': onPlayerReady}
        });
      }

      function onPlayerReady(event) {
        event.target.mute();
        event.target.playVideo();
      }
</script>

提前谢谢各位！

视频应该在静音时自动播放和循环播放。但视频根本无法在 Safari 移动版中播放。

Answer 1

Apple 不允许在 iOS 设备上基于 WebKit 的浏览器中自动播放或脚本播放，这是为了防止通过蜂窝网络进行不必要的下载。

如 YouTube 播放器 API 手册 (https://developers.google.com/youtube/iframe_api_reference#Mobile_considerations) 中所述：

移动注意事项

自动播放和脚本播放 在某些移动浏览器（例如 Chrome 和 Safari）中，HTML5 元素仅允许在由用户交互（例如点击播放器）启动的情况下进行播放。这是Apple's documentation的摘录：

“警告：为防止用户自费通过蜂窝网络进行未经请求的下载，嵌入式媒体无法在 iOS 上的 Safari 中自动播放 - 用户始终会启动播放。”

由于此限制，自动播放、playVideo()、loadVideoById() 等函数和参数将无法在所有移动环境中使用。

如你所愿，无法在 Safari Mobile 上自动播放视频...

此致，

莱昂·哈根迪克