如何更改 og:video 元标记中的 jwplayer 皮肤？答案

【问题标题】：How can I change jwplayer skin in og:video meta tag?如何更改 og:video 元标记中的 jwplayer 皮肤？
【发布时间】：2016-05-25 09:06:48
【问题描述】：

我想更改 Facebook 视频嵌入的默认 JW 播放器 (5.5) 皮肤。我从这个开始：

<meta property="og:video:type" content="application/x-shockwave-flash" /> <meta property="og:video" content="https://www.neocsatblog.info/jwplayer/player.swf?file=https%3A%2F%2Fwww.neocsatblog.info%2Fwp-content%2Fuploads%2F2016%2F02%2FQNA.mp4&autostart=true&skinURL=http://neocsatblog.info/skinning-sdk/five/newtube/newtube.xml" />

但是看起来当我调试链接并且我想播放视频时，我的皮肤刚刚加载并加载了默认播放器。

【问题讨论】：

由于 facebook.com 是通过 HTTPS 加载的，浏览器将阻止您尝试仅通过 HTTP 加载的所有不安全内容。很确定您的浏览器控制台也应该包含这方面的消息。
好的提示，我将皮肤 url 设置为 https，但看起来也被忽略了
浏览器控制台有错误信息吗？网络面板说什么？您是否通过调试工具更新了 Facebook 对您 URL 的缓存？
不幸的是，不，我没有看到任何错误。是的，我总是在更改某些内容后删除链接缓存。但这里的链接：neocsatblog.info/…
该网站讨论了使用 CSS 设置播放器样式，这可能意味着它适用于播放器本身仅呈现为多个 HTML 元素的情况。在 Facebook 上嵌入视频时，您/您的播放器无法呈现任何自定义 HTML，它只允许直接嵌入 SWF Flash 文件或 MP4 视频。

标签： facebook embed facebook-opengraph jwplayer video-embedding

【解决方案1】：

您可以在此处找到有关播放器的 CSS 皮肤的信息：http://developer.jwplayer.com/jw-player/css-skinning-reference.html

【讨论】：

很遗憾，这不是一个好的答案，我有皮肤，但无法在 facebook 页面中使用。
这是在静态页面上正确加载吗？想要确保它与 Facebook 嵌入隔离。
是的，它可以（我测试过），但我只在 facebook 上使用这个播放器，因为我不知道还有什么可以完美兼容 Facebook 的。