如何在 youtube 等 Facebook 上分享我网站上的视频

Posted

技术标签:

【中文标题】如何在 youtube 等 Facebook 上分享我网站上的视频【英文标题】:how to share a video from my website on facebook like youtube 【发布时间】:2013-09-25 01:28:18 【问题描述】:

我有一个带有 html5 视频播放器的网站。

我想在 facebook 上分享链接(例如:http://site.com/video/example-2),用户在 facebook 上点击该帖子的图像,它开始在那里播放视频。

就像 youtube 视频和 vimeo 视频一样。

我该怎么做?

谢谢

【问题讨论】:

【参考方案1】:

我有一个带有 HTML5 视频播放器的网站。

您想找到一个好的 SWF (*.SWF) 视频播放器,它可以从 url=video_Hot_link 流式传输视频(将 URL 参数传递给 SWF 播放器)

现在,在您准备好 SWF 播放器以流式传输一些视频后,添加 Facebook Open Graph 到您的<head> 标签如下:

<meta property="og:type" content="video"> <!-- site/page type more information http://ogp.me/ -->
<meta property="og:video:type" content="application/x-shockwave-flash"> <!-- you need this because your player is a SWF player -->
<meta property="og:video:width" content="Width in Pixels"> <!-- player width -->
<meta property="og:video:height" content="Height in Pixels"> <!-- player height -->
<meta property="og:video" content="http://example.com/path_to/swf_player.swf?url=video_soure"> <!-- You will need to echo/print the video source (*.mp4) with server-side code -->
<meta property="og:video:secure_url" content="https://example.com/path_to/swf_player.swf?url=video_soure"> <!-- required for users whom use SSL (actually Facebook forces everyone to use SSL so you're required to use og:video:secure_url) so get a one -->

另外,需要在&lt;html&gt;likeso后面加上如下前缀

<html prefix="og: http://ogp.me/ns#">

【讨论】:

为了记录,我还需要在我的 HTML 标记上添加 'xmlns:og="ogp.me/ns#"'。 这似乎对我不起作用。 Facebook 只显示最终的 og:image。当它不存在时,它只是链接到最初发布的页面。它似乎并不关心 SWF URL,尽管抓取调试工具说我的 OpenGraph 元标记一切正常。我是否还需要包含一个 facebook 应用 ID,或者没有它是否可以工作? 不,Meta OG 标签不需要安装APP_ID 或 SDK,你能分享你的网址吗? @AdamAzad 好的,我发现问题是我必须为 SWF 使用 HTTPS URL。否则 Facebook 将不会嵌入 URL(至少在通过 HTTPS 访问时)!所以现在它可以工作了:)我发布了对您的答案的编辑,以便更清楚地说明这一点。 我遇到了和 Stephane 一样的问题 - 当我分享链接时,我没有得到我想要嵌入的闪存。但是,我提供了 https。这是我正在使用的 URL 的 lint:developers.facebook.com/tools/debug/og/…。知道我可能做错了什么吗?【参考方案2】:

Facebook 不再允许第三方播放器在线播放。 Vimeo 甚至提到了这个in their documentation。

如果您想让视频在新闻源中内联播放,您将需要使用 Facebook 自己的视频托管平台。

【讨论】:

您好,请问有这方面的官方信息吗?我需要一种方法(新方法)在 Facebook 提要中发布小视频,而关于如何做到这一点的信息最多是粗略的。谢谢 我也很难找到官方文档。从我所见所闻来看,Facebook 现在只允许他们自己的视频。【参考方案3】:

我也使用 og:video 来分享视频,但在 https://developers.facebook.com/tools/debug/og/object/ 上调试它时,它会给出警告错误 'og:image' 属性应该明确提供,即使可以从其他标签推断出一个值。

【讨论】:

根据我的经验,在元标记中使用“名称”而不是“属性”值时会出现警告。确保使用 而不是

以上是关于如何在 youtube 等 Facebook 上分享我网站上的视频的主要内容,如果未能解决你的问题,请参考以下文章

如何在我的 ios 应用程序中嵌入 youtube 或 facebook 直播?

iOS 用户界面 - 这个用户界面是如何在 YouTube 和 Facebook 应用程序中实现的

如何在Android中将视频上传到youtube?

如何防止用户多次喜欢评论,如“facebook或youtube喜欢/不喜欢系统”? [关闭]

facebook 上 iframe 中的 Youtube - Z-index 问题

将 Youtube 视频嵌入 Facebook 并以特定时间码播放