youtube视频播放按钮不适用于youtube嵌入式视频

刚刚发现一个新问题，客户说播放按钮在youtube嵌入式视频上不起作用。它似乎只在手机上不起作用，我已经在iphone和索尼手机上进行了测试，但在这两款手机上都不起作用，但在电脑上查看网站时，它就起作用了

代码如下

<div class="item active" style="">
                        <!--<iframe width="100%" src="//www.youtube.com/embed/3a3kT55-fF0?enablejsapi=1&rel=0" frameborder="0" id="video" allowfullscreen></iframe>-->
    <iframe width="100%" src="//www.youtube.com/embed/3a3kT55-fF0?enablejsapi=1&rel=0&ps=docs&controls=1" frameborder="0" id="video" allowfullscreen></iframe>
                    <div class="carousel-caption">
            <h4 class=""></h4>
            <p class="">
                               </p>
                        </div>
    </div>

    <script>
    // Inject YouTube API script
   var tag = document.createElement('script');
   tag.src = "//www.youtube.com/player_api";
   var firstScriptTag = document.getElementsByTagName('script')[0];
   firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);

   var player;

   function onYouTubePlayerAPIReady() {
   // create the global player from the specific iframe (#video)
   player = new YT.Player('video', {
   events: {
  // call this function when player is ready to use
  'onReady': onPlayerReady,
  'onStateChange': onPlayerStateChange
   }
   });
   }

  function onPlayerStateChange(event) {

  if (event.data == YT.PlayerState.PLAYING) {

       $("#myCarousel").carousel('pause');
    }

  else if(event.data == YT.PlayerState.PAUSED){

          $("#myCarousel").carousel('cycle');
   }
   }

   function onPlayerReady(event) {

   // bind events
   $("#myCarousel").on('slide.bs.carousel', function (e){
   //alert($(e.relatedTarget).index();
   if($(e.relatedTarget).index()!=0 && YT.PlayerState.PLAYING){
   //alert('A new slide is about to be shown!');
   player.pauseVideo();
   }
   });

   }

   </script>

//注入YouTube API脚本
var tag=document.createElement（'script'）；
tag.src=“//www.youtube.com/player_api”；
var firstScriptTag=document.getElementsByTagName（'script'）[0]；
firstScriptTag.parentNode.insertBefore（标记，firstScriptTag）；
var播放器；
函数onYouTubePlayerAPIReady（）{
//从特定iframe（#视频）创建全局播放器
播放器=新的YT.player（'视频'{
活动：{
//当玩家准备好使用时调用此函数
“onReady”：onPlayerReady，
“onStateChange”：onPlayerStateChange
}
});
}
函数onPlayerStateChange（事件）{
if（event.data==YT.PlayerState.PLAYING）{
$（“#myCarousel”）.carousel（‘暂停’）；
}
else if（event.data==YT.PlayerState.PAUSED）{
$（“我的旋转木马”）。旋转木马（“循环”）；
}
}
函数onPlayerReady（事件）{
//绑定事件
$（#myCarousel”）.on（'slide.bs.carousel'，函数（e）{
//警报（$（e.relatedTarget）.index（）；
if（$（e.relatedTarget.index（）！=0&&YT.PlayerState.PLAYING）{
//警报（“即将播放新幻灯片！”）；
player.pauseVideo（）；
}
});
}

我只是把你的代码复制粘贴到jsbin上。在桌面和手机上似乎都很好。奇怪，我想知道是不是cms系统集成了什么东西。你在这些设备上收到任何错误或消息了吗？有没有办法在iphone上的safari上找到？我在评论中分享的链接在iphone上有效吗？如果没有，请分享截图