2016-04-15 100 views
2

Facebook已啓動在Web應用中嵌入360°視頻的選項。我正在嘗試在UIWebView中顯示嵌入的視頻。但它不工作。在UIWebView中嵌入facebook 360視頻

這裏是我的代碼,

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上的所有瀏覽器中工作正常。

截至目前僅支持桌面嗎?

+0

我有同樣的問題,你解決了嗎?謝謝 –

回答

0

截至目前,只有桌面。我通過Facebook for Developers platform通過以下攻擊獲得了我們定製WordPress產品的最大成功。請嘗試以下步驟:

  1. 在選擇你的Facebook360視頻或照片,單擊省略號菜單並選擇嵌入

enter image description here

  • 接下來,對話窗口將prompt-點擊高級設置
  • enter image description here

  • 點擊上述將引導你Facebook的開發者平臺; click here查看爲主題示例創建的實例。
  • 點擊獲取代碼按鈕,將提示另一個對話框;然後點擊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> 
    

    不完全反應,有時無法呈現預期。希望有所幫助!