在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元素允许全屏显示:
这很好奇,因为生成FB的Iframe页面的PHP在全屏模式下具有错误标志:
似乎有3个选择:
过去的经验告诉我,它大概是#1,但我认为我应该问一下以确保。
更新:尝试为此代码段创建一个JSBin,我意识到在JSBin iframe中时不会触发全屏显示,因此这是我要研究的方向。如果有更好的解决方案,请Lmk。