2

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 上的所有浏览器中都能正常工作。

目前仅支持桌面吗?

4

1 回答 1

0

截至目前,是的 - 仅限桌面。我在我们的定制 WordPress 产品上取得了最大的成功,通过Facebook for Developers 平台进行了以下黑客攻击。请尝试以下步骤:

  1. 选择您的 Facebook360 视频或照片后,单击省略号菜单并选择嵌入

在此处输入图像描述

  1. 接下来,一个对话窗口将提示单击Advanced Settings

在此处输入图像描述

  1. 单击上述内容将引导您进入 Facebook for Developers 平台;单击此处查看为主题示例创建的实例。
  2. 点击Get Code按钮,会弹出另一个对话框;然后单击iFrame选项卡并复制代码。
  3. 复制iFrame选项卡中包含的代码。
  4. 在网络应用程序或网站的所需部分发布和功能。

尽管 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>

不完全响应,有时无法按预期呈现。希望有帮助!

于 2016-11-29T22:27:00.013 回答