【问题标题】:Embed Video Not Displayed嵌入视频未显示
【发布时间】:2023-03-17 21:59:01
【问题描述】:

我正在尝试嵌入一个 Flash 音频播放器,我已经设置了 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" /> 

我尝试过的事情:

  • 添加/删除安全 URL
  • 仅使用 HTTPS(用于主视频 url)
  • 添加高度/宽度(我相信这些是可选的)
  • 使用自定义 OG 类型
  • 使用内置 OG 视频类型

以前有人遇到过这个问题吗?或者我在 OG 标签中遗漏了什么明显的东西?

更新发帖report here,如果那里解决了会更新。

【问题讨论】:

    标签: video facebook-opengraph


    【解决方案1】:

    我遇到了两件导致类似问题的事情。

    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>
    

    此外,我在此secure_url 文件中看到“XML 错误”: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

    【讨论】:

    • 太棒了 - 完全忘记了crossdomain.xml,会检查一下。 XML 错误可能是因为 &amp;amp; 在元标记中被 &amp;amp; 替换(但 facebook 的 OG 调试器正确解析它)。
    • 还没有,当我将链接复制/粘贴到 Facebook 上的帖子编辑器中,以及当我使用(已弃用但仍在工作)旧的“分享”页面(其中,据我所知,基本上与粘贴链接相同)。
    【解决方案2】:

    我发现使用 facebook sharer.php 脚本最成功

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

    我遇到的唯一“问题”是,如果您不断更改页面上的 og: 标签,则需要使用该 url 上的对象调试器来“重置”您页面的 facebook 缓存

    【讨论】:

    • 是的,这行得通,因为(据我所知)它与将链接粘贴到 facebook 共享框中相同。但由于它已被弃用,并且没有显示发布帖子的应用程序,所以它不是最佳的(对我而言)。
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2013-10-26
    • 1970-01-01
    • 2012-09-04
    • 1970-01-01
    • 1970-01-01
    • 2020-01-26
    • 1970-01-01
    相关资源
    最近更新 更多