2012-09-04 165 views
1

我想嵌入一個閃存音頻播放器,我已經設置了OG元標記,所以它們看起來非常像SoundCloud或YouTube。嵌入視頻不顯示

我遇到的問題是:

  • 球員從未使用Feed Dialog時(如在og:image鏈接到共享頁面呈現,並在玩家沒有交換,因爲它適用於YouTube和SoundCloud)。
  • 玩家當將URL粘貼到Facebook上的「狀態」框中時呈現;然而,有時它只會呈現如果'安全瀏覽'被禁用。

我對第二個安全瀏覽問題的猜測是,我剛試圖修復第一個時候打破OG標記。

<meta property="fb:app_id" content="132849513527946" /> 
<meta property="og:type" content="video" /> 
<meta property="og:url" content="http://beta.mybabytales.com/memories/6780fd71d0be818657df2cbe379ffdb5" /> 
<meta property="og:title" content="MyBabyTales Memory: July 28, 2012" /> 
<meta property="og:description" content="MyBabyTales" /> 
<meta property="og:image" content="http://beta.mybabytales.com/video.gif" /> 
<meta property="og:site_name" content="MyBabyTales" /> 
<meta property="og:video:secure_url" content="https://beta.mybabytales.com/player/dewplayer/dewplayer-vol.swf?showtime=true&amp;autostart=true&amp;mp3=http%3A%2F%2Fapi.twilio.com%2F2010-04-01%2FAccounts%2FACd883111c969a8582d86869ee98ea326f%2FRecordings%2FRE03bc1a2935e00f7ef466a1848ac9d00b.mp3" /> 
<meta property="og:video" content="http://beta.mybabytales.com/player/dewplayer/dewplayer-vol.swf?showtime=true&amp;autostart=true&amp;mp3=http%3A%2F%2Fapi.twilio.com%2F2010-04-01%2FAccounts%2FACd883111c969a8582d86869ee98ea326f%2FRecordings%2FRE03bc1a2935e00f7ef466a1848ac9d00b.mp3" /> 
<meta property="og:video:height" content="200" /> 
<meta property="og:video:width" content="460" /> 
<meta property="og:video:type" content="application/x-shockwave-flash" /> 

事情我已經嘗試:

  • 添加/刪除只有使用安全網址
  • HTTPS(主視頻網址)
  • 新加的高度/寬度(我相信那些是可選的)
  • 使用定製的OG類型
  • 使用內置的OG視頻類型

任何人都有此問題嗎?或者是有什麼明顯的我缺少OG標籤?

更新發佈report here,將更新,如果它在那裏解決。

回答

5

我遇到了兩件事導致了類似的問題。

  1. https/OG標籤錯誤配置。 (不受信任的證書,未提供secure_url,無法解析OG標記等)
  2. crossdomain.xml未正確配置。

您可以使用Facebook OG tag debugger調試OG標籤的任何問題。但是,它看起來不像https或您的OG標籤有任何問題。

因此,我會檢查的下一件事是您的crossdomain.xml文件,它看起來像你沒有設置。如果你願意,你可以在Adobe Cross-Domain Specification File上閱讀。本質上它爲您的Flash文件設置了跨域策略。它位於您的域的根目錄(http://example.com/crossdomain.xml)。下面是我們在我們的crossdomain.xml文件:

<cross-domain-policy> 
    <allow-access-from domain="*"/> 
    <site-control permitted-cross-domain-policies="master-only"/> 
</cross-domain-policy> 

另外,我看到「XML錯誤」這個文件SECURE_URL:https://beta.mybabytales.com/player/dewplayer/dewplayer-vol.swf?showtime=true&autostart=true&mp3=http://api.twilio.com/2010-04-01/Accounts/ACd883111c969a8582d86869ee98ea326f/Recordings/RE03bc1a2935e00f7ef466a1848ac9d00b.mp3

+0

很好 - 完全忘了'crossdomain.xml',會檢查。 XML錯誤可能源自元標記中的'&'被'&'替換(但Facebook的OG調試器正確解析它)。 –

+0

這個工作適合你嗎? –

+0

還沒有,當我只是將鏈接複製/粘貼到Facebook上的帖子編輯器,以及當我使用舊的'共享'頁面(我可以告訴的是,基本上和粘貼鏈接一樣)。 –

2

我發現使用Facebook共享者最爲成功。PHP腳本

https://www.facebook.com/sharer/sharer.php?u=http://google.com

唯一的「疑難雜症」我已經運行到的是,如果你不斷改變OG:標籤頁面上,你需要使用對象調試器訪問的URL「重置」 Facebook的緩存你的頁面

+0

是的,這是有效的,因爲(從我所知道的情況來看),它就像將鏈接粘貼到Facebook共享框一樣。但由於它已被棄用,並沒有顯示發佈的應用程序,所以它不是最佳的(對我來說)。 –