Facebook Oembed Video无法在React Native WebView中播放

问题描述

我已经在我的react native应用程序中实现了facebook嵌入视频，并将html响应放入我的react native webview中，这是我的html response：

<div id=\"fb-root\"></div>\n<script async=\"1\" defer=\"1\" crossorigin=\"anonymous\" src=\"https://connect.facebook.net/en_US/sdk.js#xfbml=1&amp;version=v9.0\" nonce=\"OJXJpgmo\"></script><div class=\"fb-video\" data-href=\"https://www.facebook.com/video.PHP?v=141119633493784\"><blockquote cite=\"https://www.facebook.com/kumparancom/videos/141119633493784/\" class=\"fb-xfbml-parse-ignore\"><a href=\"https://www.facebook.com/kumparancom/videos/141119633493784/\"></a><p>“Ketika itu Yusril Ihza Mahendra melontarkan,menggiring untuk memprioritaskan FPI dan HTI masuk ke PBB. Hingga akhirnya kita ini dijebak,ini ada apa? Kita disuruh masuk kemudian dijebak,” ungkap Habib Novel Bamukmin. #TopNews bit.ly/2Sf1auH</p>Posted by <a href=\"https://www.facebook.com/1924315711129121\">kumparan</a> on Tuesday,January 29,2019</blockquote></div>

我试图检查视图并获得了iframe：

 <iframe name="f22b39a08b5db32" width="1000px" height="1000px" data-testid="fb:video Facebook Social Plugin" title="fb:video Facebook Social Plugin" frameborder="0" allowtransparency="true" allowfullscreen="true" scrolling="no" allow="encrypted-media" src="https://www.facebook.com/v9.0/plugins/video.PHP?app_id=&amp;container_width=382&amp;href=https%3A%2F%2Fwww.facebook.com%2Fkumparancom%2Fvideos%2F141119633493784%2F&amp;locale=en_US&amp;sdk=joey" class="" style="border: none; visibility: visible; width: 382px; height: 382px;"></iframe> 

我已经在jsfiddle中进行了尝试，该代码运行良好，但是当我将该代码放入React Native Webview html中时，无法播放视频。

但是当我在iframe的源中删除channel属性时，视频运行正常。这是我的新iframe代码：

 <iframe name="f22b39a08b5db32" width="1000px" height="1000px" data-testid="fb:video Facebook Social Plugin" title="fb:video Facebook Social Plugin" frameborder="0" allowtransparency="true" allowfullscreen="true" scrolling="no" allow="encrypted-media" src="https://www.facebook.com/v9.0/plugins/video.PHP?app_id=&amp;container_width=382&amp;href=https%3A%2F%2Fwww.facebook.com%2Fkumparancom%2Fvideos%2F141119633493784%2F&amp;locale=en_US&amp;sdk=joey" class="" style="border: none; visibility: visible; width: 382px; height: 382px;"></iframe>

您对我的问题有解决方案吗？如何使嵌入式视频可以在React本机Webview中播放？

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）