如何使用HTML5图片srcset使Pinterest pin it按钮工作？

Question

我有一个基本的自定义Pin it按钮。这会将内嵌的图像拾取到页面中，但它不会使用带有srcset的HTML5图片元素来拾取图像。

<a href="//www.pinterest.com/pin/create/button/" data-pin-do="buttonBookmark" data-pin-color="red" data-pin-height="28"><img src="//assets.pinterest.com/images/pidgets/pinit_fg_en_rect_red_28.png" /></a>

以下是使用中的图片元素的示例，其中按钮不正在工作：

<picture>
  <img srcset="https://s3-us-west-2.amazonaws.com/s.cdpn.io/652/coffee5.jpg">
</picture>

一个非常精简的演示可以说明问题：http://codepen.io/michaelpumo/pen/eZyddp

有什么想法吗？

更新：我可能真的要补充一点，我的用例比这更复杂。以上是一个简化/剥离版本来说明这一点。你看，我懒得装这些。

Answer 1

请使用以下内容。它有效。

SetSourceData

我认为src和描述应该适用于Pinterest。