使用og:视频为Facebook

时间:2015-11-11 20:36:12

标签: html facebook flash video shockwave

我正在尝试在我的网站上以og:video设置我的视频,以便当有人在Facebook中分享链接时,它会显示视频而不是og:image。

问题是它需要一个flash player url,但我没有丝毫想法如何让它工作。我只有.mp4文件。我试着查看jwplayer,但我得到的只是一个嵌入代码,但没有帮助。

当涉及到这个领域时,我完全无知。任何帮助将不胜感激!

<meta property="og:video" content="https://???">
<meta property="og:video:height" content="281" />
<meta property="og:video:width" content="500" />
<meta property="og:video:type" content="application/x-shockwave-flash" />

1 个答案:

答案 0 :(得分:0)

最初Facebook仅接受Flash视频,但最近添加了HTML5支持,因此您可以使用以下内容:

<meta property="og:video" content="path_to_video.mp4" />
<meta property="og:video:type" content="video/mp4" />

<!-- Fallback alternative (If user's browser does not have HTML5 support) -->
<meta property="og:video" content="fallback/?video=path_to_video.mp4" />
<meta property="og:video:type" content="text/html" />

如您所见,您可以使用其他类型定义多个视频源。网址fallback/?video=...应该指向一个带有嵌入式闪存播放器的空白页面,它将从网址读取视频路径(例如,使用PHP或JS)并播放它。

为此目的,您可以使用一些免费的Flash视频播放器......请点击此处:http://www.instantshift.com/2010/05/14/21-free-video-players-for-your-website-and-blogs/