如何在脸书上扩展我的视频.js播放器

How can I expand my video.js player on facebook?

本文关键字：我的 的视频 js 播放器 扩展      更新时间：2023-09-26

我的想法是，当你把一个链接从我的博客粘贴到Facebook墙上时，你可以像YouTube播放器一样播放它。
我有视频.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" />

但是不工作，我想知道为什么？
我还想知道这是如何工作的？
这是视频.js播放器的示例。
编辑：
我添加了一个完全闪存播放器和一个 FLV 文件和 https，但也无法正常工作。

这

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

所以像这样：

<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，但如果曾经这样做，这将不再有效。

答案是：
该视频.js不适用于Facebook。
是的，它有 SWF 文件，但仅用于回退。
解决方案是：
必须将播放器切换到 JW 5.1 专业版，并且必须提供一些我以前从未见过的必需的 og 元标记。
这里的标签：

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

当然，如果您有自己的播放器，则必须将内容部分添加到您的数据中。

你需要使用文件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" />
相关文章：