Отключение полноэкранного режима на встроенном видеофрейме Facebook - PullRequest
Новая
       30

Отключение полноэкранного режима на встроенном видеофрейме Facebook

0 голосов
/ 23 июня 2019

После примера кода Facebook Мне удалось воспроизвести видео на Facebook в рамках Iframe на моем сайте: 

 <div
    className="fb-video"
    data-href="https://www.facebook.com/facebook/videos/10153231379946729/"
    data-width="100"
    data-allowfullscreen="false"
    data-autoplay="true"
    data-show-text="false">

</div>

И 

<div id="fb-root"></div>
<script async defer crossorigin="anonymous" src="https://connect.facebook.net/en_US/sdk.js#xfbml=1&version=v3.3"></script>

Однако видео всегда запускается в полноэкранном режиме на мобильном телефоне. Когда я проверил полученный HTML, я обнаружил, что внутренний элемент Video имеет полноэкранный режим:

iframe facebook

Это любопытно, так как PHP, который генерирует страницу Iframe FB, имеет ложный флаг в полноэкранном режиме:

php

Кажется, есть 3 варианта:

  1. Я сделал что-то не так
  2. Facebook игнорирует полноэкранный флаг на мобильном телефоне
  3. Это ошибка Facebook

Прошлый опыт научил меня, что это, вероятно, # 1, но я подумал, что должен спросить, чтобы быть уверенным.

ОБНОВЛЕНИЕ: пытаясь создать JSBin для этого фрагмента, я понял, что полноэкранный режим не срабатывает, когда внутри iframe JSBin, поэтому я буду исследовать это направление. Если есть лучшее решение, пожалуйста, Lmk.

https://jsbin.com/rozuvuteku/

...