首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >如何在facebook上扩展我的video.js播放器?

如何在facebook上扩展我的video.js播放器?
EN

Stack Overflow用户
提问于 2014-06-11 14:28:08
回答 3查看 2.3K关注 0票数 0

我的想法是,当你把我博客上的链接贴到facebook的墙上时,你可以播放它,就像youtube播放器一样。

我有video.js,我试过这样的标签:

代码语言:javascript
复制
<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" />

但不工作,我想知道为什么?

我也想知道这是怎么回事?

这里是video.js播放器的一个例子。

编辑:

我添加了一个完全闪存播放器和一个FLV文件和https,而且也不起作用。

EN

回答 3

Stack Overflow用户

回答已采纳

发布于 2014-06-16 21:39:16

答案是:

video.js不适用于facebook。

是的,它有swf文件,但只是备用文件。

解决办法是:

必须是切换到JW5.1Pro播放器,必须给一些必要的游戏元标签,这是我从未见过的。

在这里,标签:

代码语言:javascript
复制
<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" />

当然,如果你有你自己的播放器,你必须在你的数据的内容部分。

票数 1
EN

Stack Overflow用户

发布于 2014-06-12 18:31:35

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

所以,就像:

代码语言:javascript
复制
<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:videovideo/mp4 for og:video:type中找到一些带有og:videovideo/mp4文件的URL的旧示例,但是如果曾经这样做,它就不再起作用了。

票数 1
EN

Stack Overflow用户

发布于 2015-08-02 20:43:13

您需要使用文件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

代码语言:javascript
复制
<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" />
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/24165535

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档