Note that there are some explanatory texts on larger screens.

plurals
  1. PO
    text
    copied!<p>Unfortunately, I think the script used to generate a web-based pin is not capable of handling video.</p> <p>I utilized the following code...</p> <pre><code>&lt;a href="http://pinterest.com/pin/create/button/?url=URL&amp;media=MEDIA&amp;description=DESCRIPTION" class="pin-it-button" count-layout="horizontal"&gt;&lt;img border="0" src="//assets.pinterest.com/images/PinExt.png" title="Pin It" /&gt;&lt;/a&gt; &lt;script type="text/javascript" src="//assets.pinterest.com/js/pinit.js"&gt;&lt;/script&gt; </code></pre> <p>...where the URL was the link to the YouTube video (or permalink). The problem is, the <code>pinit.js</code> script does not parse image information from the url or provide a video screenshot for the pin. It comes up blank, and without a value for media, the script won't create the pin.</p> <p>To confirm the problem is within <code>pinit.js</code>, I substituted that script for <code>pinmarklet.js</code>. What that script does is create an overlay on the page, with the screen shot of a video and a "PIN IT" button overlay on the screen shot. But that's probably not the type of user experience you're looking to present.</p> <p>One possible option (and you could get away with this through feeding the URL, media and description values dynamically) is to feed the URL with the video URL, create a screenshot and feed that into media, and finally, add the description. The drawback to this is, you'll only be pinning the image and not the video directly.</p> <p>Sorry to be the bearer of bad news.</p>
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload