如何在Facebook流中嵌入JWPlayer以使其内联播放？

Question

如何在Facebook流中嵌入JWPlayer以使其内联播放？

3

我有一个自定义的jwplayer皮肤，我想让它在Facebook流中播放内联，就像YouTube播放器一样。我花了两天时间查看文档和调整代码，但无法弄清楚我做错了什么。这是我的meta标签示例:

<meta property="og:site_name" content="Contour"/> 
<meta property="fb:app_id" content="188896031148408"/> 
<meta property="og:type" content="article"/>
<meta property="og:url" content="http://www.contour.com/stories/jimmy-the-greek-board-view-of-summer-x-park-course"/> 
<meta property="og:title" content="Jimmy the Greek board view of Summer X park course"/> 
<meta property="og:video" content="http://www.contour.com/flash/jwplayer.swf?playlistfile=/stories/39073.xml&skin=/flash/jwskin.zip&repeat=list&autostart=true"/> 
<meta property="og:video:type" content="application/x-shockwave-flash"/> 
<meta property="og:image" content="http://s3.amazonaws.com/contour.staging/images/assets/12133/quarter/F71C41BCA5B9825898ECBC56151E8BB820100905-94257-1dzxruc-0.jpg"/> 
<meta property="og:description" content="Jimmy the Greek Marcus was kind enough to bust out a few warm up laps with a boardcam mount. This years setup was primarily cement with some skatelite features around the perimeter. Thanks man, you killed it on Sunday"/>

Facebook的URL分析器显示它正在捕获信息。甚至有一个标题是"视频"，上面写着“状态：在Facebook上启用视频嵌入”。然而，它不起作用。

我尝试使用“video”和“swf”作为og：type。我尝试指定视频的高度/宽度。我尝试使用不同的视频类型。当我在浏览器中加载og：video网址时，我得到了一个自动播放我的视频的swf。

现在，在Facebook流中出现的缩略图并没有像通常那样链接到视频页面，这让我认为我走对了方向。然而，它也没有播放视频 :) 我的缩略图也没有显示小蓝色的播放按钮。

如果您有任何想法，将不胜感激。谢谢！

- Chris Doyle

1

我明白了。LongTail在这个主题上写了一篇有用的博客文章：http://www.longtailvideo.com/support/blog/19150/publish-your-videos-to-facebook-with-a-jw-player这让我意识到我总是通过SSL浏览Facebook，但我的播放器是通过普通HTTP提供的。将Facebook切换到普通HTTP解决了问题。现在我需要浏览我的堆栈并将所有内容转换为https，以便每个人都可以使用。 - Chris Doyle

2个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Đoàn Duy Khánh · Answer 1

如果您使用jwplayer swf对象直接播放YouTube视频，则应使用URL-ENCODE方法对参数进行编码。就像这样：

http://yoursite.com/player.swf?file=http%3A%2F%2Fyoutube.com%2Fwatch%3Fv%3DB-YRHQN5e9Q&image=http%3A%2F%2Fi1.ytimg.com%2Fvi%2FB-YRHQN5e9Q%2Fhqdefault.jpg&autostart=true

- user3063465 · Answer 2

我曾经遇到过同样的问题，但是我解决了它。
我不知道哪个标签解决了我的问题，但是当我的代码看起来像这样时，jw player 5.1 pro 在 Facebook 上可以正常工作：

<html xmlns:fb="http://ogp.me/ns/fb#">
<head prefix="og: http://ogp.me/ns# fb: http://ogp.me/ns/fb# video: http://ogp.me/ns/video#">
<script type="text/javascript" src="/embeds/jwplayer5/swfobject.js"></script>
 <meta property="og:type"        content="video.movie" /> 
<meta property="og:video:height" content="260" /> 
<meta property="og:video:width" content="420" /> 
<meta property="og:video:type" content="application/x-shockwave-flash" />
<meta property="og:title" content="Big Buck Bunny" /> 
<meta property="og:description" content="Big Buck Bunny is a short animated film by the Blender Institute, part of the Blender Foundation." />
<meta property="fb:admins" content="100000446876505">
  <meta property="fb:app_id" content="257720611082074">
<meta property="og:image" content="http://zobolio.com/embeds/posters/ezekiel.png" />
<meta property="og:video" content="http://zobolio.com/embeds/jwplayer/player.swf?file=http%3A%2F%2Fwww.zobolio.com/embeds/ezekiel.mp4&autostart=true" /> 
<meta property="og:video:secure_url" content="https://zobolio.com/embeds/jwplayer5/player.swf?file=http%3A%2F%2Fwww.zobolio.com/embeds/ezekiel.mp4&autostart=true" />