2

我正在创建动态 WordPress“固定”按钮并让它在图片上工作。

例如，当我生成这个 URL 时，它会启动 pinterest 的 pin it 页面：

http://pinterest.com/pin/create/button/?url=http%3A%2F%2Fwww.mywebsite.com%2Ftest-post%2F&media=http://www.mywebsite.com/wp-content/uploads/2012/09/picture.jpg&description=Test+Post

我该如何为 Vimeo 或 Youtube 视频执行此操作？

http://pinterest.com/pin/create/button/?url=http%3A%2F%2Fwww.mywebsite.com%2Ftest-post%2F&media=________????_________&description=Test+Post

我只是在那里放一个 vimeo 或 youtube URL 吗？

4

2 回答 2

4

要固定 Youtube 视频，您只需要将媒体链接设为 youtube 缩略图。然后 Pinterest 会自动将其识别为视频。

要获取 youtube 缩略图，您需要从 youtube url 获取视频 ID，如此处的更多说明

var youtubelink = "http://www.youtube.com/embed/wkBstmXvGtk"
var youtubecode = youtubelink.match(/\/embed\/(.*)/)[1];
var pinimage = 'http://img.youtube.com/vi/' + youtubecode + '/0.jpg';

我在这里写了一个完整的教程：

http://thingsilearned.com/things/pin-button

于 2013-05-29T20:29:43.153 回答
2

不幸的是，我认为用于生成基于 Web 的 pin 的脚本无法处理视频。

我使用了以下代码...

<a href="http://pinterest.com/pin/create/button/?url=URL&media=MEDIA&description=DESCRIPTION" class="pin-it-button" count-layout="horizontal"><img border="0" src="//assets.pinterest.com/images/PinExt.png" title="Pin It" /></a>

<script type="text/javascript" src="//assets.pinterest.com/js/pinit.js"></script>

...其中 URL 是指向 YouTube 视频（或永久链接）的链接。问题是，该pinit.js脚本没有从 url 解析图像信息，也没有为 pin 提供视频截图。它出现空白，并且没有媒体值，脚本将不会创建图钉。

为了确认问题在pinit.js.，我用那个脚本代替pinmarklet.js. 该脚本所做的是在页面上创建一个叠加层，其中包含视频的屏幕截图和屏幕截图上的“PIN IT”按钮叠加层。但这可能不是您想要呈现的用户体验类型。

一种可能的选择（您可以通过动态提供 URL、媒体和描述值来解决这个问题）是用视频 URL 提供 URL，创建屏幕截图并将其提供给媒体，最后添加描述。这样做的缺点是，您只会固定图像而不是直接固定视频。

很抱歉成为坏消息的承担者。

于 2012-10-18T01:12:18.760 回答