如何在移动设备上的YouTube IFrame Javascript API上防止自动全屏？

Question

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

此时，当您按下播放时，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
         }
       }
    });
  }

另外请注意，在创建YouTube播放器之前，请等到iframe api调用其onYoutubeAPIReady功能。