Question

我创建了一个网页，用户可以在其中播放YouTube视频并观看。

它与Safari（MacOSX，iPad），Android的默认浏览器以及任何类型的浏览器（适用于Windows）完美配合。

但是，只有带iPhone（或iPod touch）的Safari才会强制它开始全屏播放我已经尝试过使用iOS6.x，所有这些都强制它全屏播放。

如何避免全屏播放？我尝试添加此属性playsinline，但它没有做任何...

这是我的代码和fiddle。我需要你的帮助。谢谢！

 <!DOCTYPE html>
<html>
  <body>
    <div id="player"></div>
    <script>
      var tag = document.createElement('script');
      tag.src = "//www.youtube.com/iframe_api";
      var firstScriptTag = document.getElementsByTagName('script')[0];
      firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);

      var player;
      function onYouTubeIframeAPIReady() {
        player = new YT.Player('player', {
          height: '390',
          width: '640',
          videoId: 'u1zgFlCw8Aw',
          playerVars: {
            playsinline: 1
          }
        });
      }
    </script>
  </body>
</html>

我可以在iPhone的Safari浏览器上禁用全屏视频播放吗？

0 个答案: