如何嵌入多个Facebook视频(使用React)

从Facebook文档阅读,嵌入Facebook视频似乎很容易.但是,

必须在脚本和fb-video类div之前(从我观察到的).因此,如果我想嵌入视频,我必须做以下事情:

我首先想知道

脚本应该在开始的body标签之后,但是这样视频会隐藏在页面的顶部.

当我想嵌入多个Facebook视频时问题就出现了:

在这种情况下,不显示第二个.

可能

会被放置一次,但正如我所说的那样,视频被隐藏了.我们来看一个例子:

    

    

    ...

    

        

    
    

        

    

    ...

使用导航器控制台检查我看到这些样式应用于fb-root图层的子项:

position: absolute;
top: -10000px;
height: 0px;
width: 0px;

嵌入多个Facebook视频的方法是什么？

编辑:

人们会认为它必须与CSS相关.但是,即使删除所有CSS规则,我也会看到相同的问题,当

脚本放在起始正文标记之后,视频不会显示(甚至只显示一个视频).

另一方面,我用一个简单的页面测试它(如@hackerrdave建议的那样),它可以工作.现在我想知道可能是什么问题.它是一个React应用程序,使用一些Framework7组件(我不确定这是否相关).