如何在Facebook上展开我的video.js播放器?

时间:2014-06-11 14:28:09

标签: javascript facebook video video.js

我的想法是,当你从我的博客粘贴到Facebook墙上的链接时,你可以像播放播放器一样播放它。
我有video.js,我试过这个标签:

<meta property="og:video" content="http://zobolio.com/embeds/video-js.swf?video=http://zobolio.com/embeds/test.flv" />
<meta property="og:video:secure_url" content="https://zobolio.com/embeds/video-js.swf?video=https://zobolio.com/embeds/test.flv" />
<meta property="og:video:height" content="640" />
<meta property="og:video:width" content="385" />
<meta property="og:video:type" content="application/x-shockwave-flash" />

但是没有工作,我想知道为什么? 我也想知道这有什么用呢? Here使用video.js播放器的示例 修改
我添加了一个完全Flash播放器和一个FLV文件和https,并且还没有工作。

3 个答案:

答案 0 :(得分:1)

这仅适用于Flash播放器,不适用于video.js或任何其他HTML5播放器。您需要提供swf的路径以及加载特定视频所需的任何参数。您还需要以og:video:secure_url为播放器提供https网址。

类似于:

<meta property="og:video" content="http://example.com/path/to/player.swf?video=http://neocsatblog.mblx.hu/embeds/ezekiel.mp4" />
<meta property="og:video:secure_url" content="https://example.com/path/to/player.swf?video=https://neocsatblog.mblx.hu/embeds/ezekiel.mp4" />
<meta property="og:video:height" content="640" />
<meta property="og:video:width" content="385" />
<meta property="og:video:type" content="application/x-shockwave-flash" />

您可能会发现一些较旧的示例,其中包含指向og:video中的MP4文件的URL和video/mp4中的og:video:type,但如果曾经这样做,则不会更多。

答案 1 :(得分:1)

答案是:
video.js与facebook合作 是的,它有swf文件,但仅用于后备 解决方案是:
必须将玩家切换到JW 5.1 pro,并且必须提供一些我从未见过的necessery og meta标签。
这里有标签:

<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#">
<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/jwplayer5/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" />

当然,如果您有自己的播放器,则必须将内容部分连接到您的数据。

答案 2 :(得分:0)

您需要使用文件video-js.swf

的参数

请参阅:

http://vjs.zencdn.net/4.12/video-js.swf?src=http://video-js.zencoder.com/oceans-clip.mp4&autoplay=true&preload=none&poster=http://video-js.zencoder.com/oceans-clip.png

<meta property="og:video" content="http://vjs.zencdn.net/4.12/video-js.swf?src=http://video-js.zencoder.com/oceans-clip.mp4&autoplay=true&preload=none&poster=http://video-js.zencoder.com/oceans-clip.png" />
<meta property="og:video:secure_url" content="http://vjs.zencdn.net/4.12/video-js.swf?src=http://video-js.zencoder.com/oceans-clip.mp4&autoplay=true&preload=none&poster=http://video-js.zencoder.com/oceans-clip.png" />
<meta property="og:video:height" content="640" />
<meta property="og:video:width" content="385" />
<meta property="og:video:type" content="application/x-shockwave-flash" />