Как предотвратить автоматический полноэкранный режим на YouTube IFrame Javascript API для мобильных устройств?

Question

Я пытаюсь найти способ предотвратить автоматический переход встроенного фрейма YouTube на полноэкранный режим на мобильных устройствах? Однако я бы хотел предоставить пользователю возможность сделать его полноэкранным.

В тот момент, когда вы нажимаете кнопку воспроизведения, 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 это не имеет значения.По умолчанию он воспроизводится inline.

 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 Player вы должны подождать, пока iframe api вызовет функцию onYoutubeAPIReady.