在 UIWebView 中嵌入 facebook 360 视频答案

【问题标题】：Embed facebook 360 video in UIWebView在 UIWebView 中嵌入 facebook 360 视频
【发布时间】：2016-08-07 12:39:23
【问题描述】：

Facebook 推出了在网络应用中嵌入 360° 视频的选项。我正在尝试在 UIWebView 中显示嵌入的视频。但它不起作用。

这是我的代码，

let iStrEmbed = "<iframe src=\"https://www.facebook.com/plugins/video.php?href=https%3A%2F%2Fwww.facebook.com%2Ffacebook%2Fvideos%2F10153231379946729%2F&width=500&show_text=false&height=281&appId\" width=\"500\" height=\"281\" style=\"border:none;overflow:hidden\" scrolling=\"no\" frameborder=\"0\" allowTransparency=\"true\"></iframe>"

webVW.allowsInlineMediaPlayback = true
webVW.mediaPlaybackRequiresUserAction = false
webVW.loadHTMLString(iStrEmbed, baseURL: nil);

我注意到它甚至无法在移动设备上运行。它在 mac 上的所有浏览器中都能正常工作。

目前只支持桌面吗？

【问题讨论】：

我也有同样的问题，你解决了吗？谢谢

标签： facebook video uiwebview 360-degrees

【解决方案1】：

到目前为止，是的 - 仅限桌面。通过Facebook for Developers platform 进行以下黑客攻击，我在我们的自定义 WordPress 作品中取得了最大的成功。请尝试以下步骤：

选择您的 Facebook360 视频或照片后，点击省略号菜单并选择嵌入。

接下来，会出现一个对话窗口，点击高级设置。

点击上述将引导您进入 Facebook for Developers 平台； click here 查看为主题示例创建的实例。
点击Get Code按钮，会弹出另一个对话框；然后单击 iFrame 选项卡并复制代码。
复制 iFrame 选项卡中包含的代码。
在网络应用的所需部分或website 上发布和推荐。

尽管 Facebook 向其他开发者保证，一个简单的 WordPress 集成将很快发布，但在这篇文章中，这还有待观察；希望我们很快会看到一个为我们的客户着想的解决方案，因为在此期间提供的解决方案（WP 的主题示例）：

<div class="fb-video" data-href="https://www.facebook.com/video.php?v=10152795258318553" 
  data-width="500" da    enter code hereta-allowfullscreen="true"></div>

不完全响应，有时无法按预期呈现。希望对您有所帮助！

【讨论】：