Wie mache ich Pinterest pin it button arbeiten mit HTML5-Bild srcset?

Question

Ich habe eine grundlegende benutzerdefinierte Pin-Taste. Dadurch werden Bilder inline zur Seite aufgenommen, aber Bilder werden nicht mit dem HTML5-Bildelement mit srcset aufgenommen.

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

Hier ist ein Beispiel für das Bildelement in Gebrauch, wo die Taste nicht Arbeits sind:

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

Eine sehr abgespeckte Demo mit, das zeigt, das Problem zu spielen: http://codepen.io/michaelpumo/pen/eZyddp

Irgendwelche Ideen?

Update: Ich muss tatsächlich hinzufügen, dass mein Anwendungsfall ein bisschen komplizierter als das ist. Das obige ist eine vereinfachte/abgespeckte Version, um den Punkt zu veranschaulichen. Ich bin faul, diese auch zu laden, Sie sehen.

Answer 1

Bitte verwenden Sie Folgendes. Es klappt.

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

Ich dachte, src und Beschreibung sollte für Pinterest da sein.