在嵌入式Facebook视频iframe上禁用全屏

时间:2019-06-23 01:04:26

标签: facebook facebook-graph-api facebook-javascript-sdk

在Facebook的sample code之后,我设法在自己网站的iframe中播放了Facebook视频:

 <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

这很好奇,因为生成FB的Iframe页面的PHP在全屏模式下具有错误标志:

php

似乎有3个选择:

  1. 我做错了事
  2. Facebook忽略了移动设备上的全屏标记
  3. 这是一个Facebook错误

过去的经验告诉我,它大概是#1,但我认为我应该问一下以确保。

更新:尝试为此代码段创建一个JSBin,我意识到在JSBin iframe中时不会触发全屏显示,因此这是我要研究的方向。如果有更好的解决方案,请Lmk。

https://jsbin.com/rozuvuteku/

0 个答案:

没有答案