如何在YouTube IFRAME JavaScript API上在移动设备上防止自动全屏

Question

我正在尝试找到一种方法来防止嵌入的YouTube iframe自动转到移动设备上的全屏？但是，我希望能够为用户提供完整屏幕的选项。

目前，当您按Play时，YouTube会自动将视频设置为全屏。我有以下内容：

self.player = new YT.Player('player', {
                            height: '100%',
                            width: '100%',
                            events: {
                                'onReady': onPlayerReady,
                                'onStateChange': onPlayerStateChange,
                                'onError': onPlayerError
                            }
                        });

我已经检查了文档，除了完全禁用全屏外，我找不到任何东西。

Answer 1

您必须将 playsinline var设置为 1，以允许在全屏外播放。但是，这仅适用于iOS。在Android设备上，没关系。它默认情况下扮演内联。

 var player;
 function onYouTubeIframeAPIReady() {
    player = new YT.Player("player", {
       width: "100%"
       height: "100%",
       playerVars: {
         playsinline: 1
       },
       events: {
         onReady: (evt) => {
           // To-Do
         },
         onStateChange: (evt) => {
           // To-Do
         },
         onError: (evt) => {
           // To-Do
         }
       }
    });
  }

还介意您等到Iframe API在创建YouTube播放器之前直到iframe api调用其onYoutubeAPIReady函数。