Grabbing, Resizing, and Displaying Image from JSON
<p>Basically, what I'm trying to do is the following:</p>

<ol>
<li>A user enters an ID for an asset on our system</li>
<li>The ID is submitted as part of an API call that returns JSON with a field called "videoStillURL", which contains the URL for a thumbnail image.</li>
<li>Resize this thumbnail image from its existing size to something smaller so that, if someone right clicks and saves to their hard drive, it will be the resized version and not the original.</li>
</ol>

<p>I'm not sure if all this is possible... I can do bits and pieces of it, but haven't been able to put it all together and thought I'd see if anyone had any insight.</p>

<p>Below is the format of the JSON I am returning.  I'm having the hardest time figuring out how to load the image URL for the videoStillURL item, mainly because the URL has extra slashes in it.</p>

<pre><code>{"name":"Test Item","videoStillURL":"http:\/\/brightcove.vo.llnwd.net\/d21\/unsecured\/media\/1547387903001\/1547387903001_2146991932001_vs-5112b14ee4b0a4075c1c8334-1592194027001.jpg?pubId=1547387903001","thumbnailURL":"http:\/\/brightcove.vo.llnwd.net\/d21\/unsecured\/media\/1547387903001\/1547387903001_2146991933001_th-5112b14ee4b0a4075c1c8334-1592194027001.jpg?pubId=1547387903001"}
</code></pre>

<p>Any help is greatly appreciated!</p>
