2015-09-14 53 views
2

如何更改FB-視頻的視頻網址在運行時,讓玩家重新加載不刷新頁面的視頻:FB-視頻變更網址,並在運行時重新加載播放器(不刷新頁面)

<div id="fb-root" style="height: auto"></div> 
    <script>(function(d, s, id) { 
     var js, fjs = d.getElementsByTagName(s)[0]; 
     if (d.getElementById(id)) return; 
     js = d.createElement(s); js.id = id; 
     js.src = "https://connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.4"; 
     fjs.parentNode.insertBefore(js, fjs); 
    }(document, 'script', 'facebook-jssdk'));</script> 
    <div class="fb-video" 
     data-href="https://www.facebook.com/abcxyz/videos/vb.123/123/?type=1" 
     data-allowfullscreen="true"></div> 

那是我現在已經在爲頁面加載時運作的HTML代碼。我只是想知道現在是否可能以某種方式改變數據的href然後使Facebook的嵌入式視頻播放器指向一個新的視頻。

+0

我把它放在一個模式 – xybrek

+0

這不是一個有用的答案。請具體看:編輯您的問題,並添加一個完整的,連貫的,最少的代碼片段演示了什麼* *究竟你都試過了。 – derabbink

+0

@derabbink好,我已經解決了這個問題,與簡單的答案:-) – xybrek

回答

4

調用JavaScript SDK的改變data-href屬性的值後FB.XFBML.parse()方法。

下面是一些文檔:

http://developers.facebook.com/docs/reference/javascript/FB.XFBML.parse/

我試圖創建一個CodePen或JSBin的例子,但Facebook的SDK腳本不與沙盒iframe的發揮很好(其試圖改變document.domain,這是不允許),所以沒有什麼會加載。不過,這種方法在當前的項目中對我很有用。

+1

它的工作!感謝名單 –

相關問題