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
         }
       }
    });
  }

还请注意，您需要等到iframe api调用其onYoutubeAPIReady函数，然后再创建YouTube播放器。

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

1 个答案: