Embed Jing Content Using Screencast.com

Most of the time when you use Jing to capture an image or video you probably save it or use the Screencast.com button to retrieve a handy link to your content, which you share with others. Jing can also be configured to return HTML embed code so you can insert your image or video directly into a blog, website, wiki and more.

"What does embed code do? It sounds complicated."

It does sounds complicated, but it's not bad. Here's an example:

Here's a link to a small image. http://screencast.com/t/R469k6yxj

Here's the same image, but this time I pasted the embed code into this web page. 

embedded image example

As you can see, embed code makes it possible to kind of "copy and paste" an image into a website or other HTML authoring tool similar to how you might paste an image into a document. Embed code allows you to do this with videos, too!

To obtain embed code from Screencast.com:

  1. First, create a new button. Click More > Preferences > Customize buttons.
    Image of More button
  2. Click New.
    Image of Customize Jing Buttons dialog
  3. Make sure the Screencast.com output is selected.
  4. Enter a logical name in the Button description field. This description appears as the tooltip for your button and will help you tell your Screencast.com buttons apart. A good description might be Screencast.com Embed Code.
  5. Choose HTML Embed Code from the Clipboard Contents dropdown menu.
    Image of HTML Embed Code option
  6. Select the folder where your content will be stored.
  7. Optional: Allow viewers to comment on your content on the Screencast.com website (not directly on the embedded content).
    Image of comment options
  8. Click Save. The new button appears to the right of your other Jing Output Buttons. You can click and drag it to move it to another place.
  9. Close the Custom Jing Buttons dialog box.

Now that you have your new Screencast.com button, you are ready to capture images or videos as usual, and click the button you just made to have embed code copied to your clipboard. Paste it as HTML into your blog post, web page, wiki, or other HTML authoring tool.

Frequently asked questions:

Can I change the size of my images?
Yes. In the embed code there are height and width tags. Remember if you change height by, say 25%, you should change the width 25% or else the image will appear distorted. If a user clicks the image they will be linked to the original size image on Screencast.com.

Can I make it so users can't click on my embedded image and link to the original content on Screencast.com?
Yes. Delete these two highlighted parts as shown in this example.

Can I change the size of my embedded videos?
Yes, the embed code returned by Screencast.com can be manually altered for SWF videos. You must change the height and width in four places each, shown highlighted in this example. Remember if you change height by, say 25%, you should change the width 25% or else the image will appear distorted.

Why won't my video embed code work on my blog/wiki/etc?
Video embed code in particular might not work with every HTML authoring tool. For example, some wikis (or their administrators) might not allow it. Check with your service provider or admin if this happens to you.

Can I retrieve my own custom embed code from Screencast.com?
At this time, there is no way to customize your embed code. You must manually change the code once you paste it into your HTML authoring tool.

Download MP4 | 12.86MB

Title Category Level Format
000 - Take Your First Capture Getting Started I Video/Written
001 - Interactive “Hands-on” Jing Tutorial: Mac OS X Getting Started I Simulation
002 - Interactive “Hands-on” Jing Tutorial: Windows Getting Started I Simulation
003 - Where is the Jing Capture That I Sent To My Clipboard? Getting Started I Written
004 - Capture Hotkey Capture I Video/Written
005 - Select an Area to Capture Capture I Video/Written
006 - Capture an Image Capture I Video/Written
007 - Capture a Video Capture I Video/Written
008 - Share to Screencast.com Share I Video/Written
009 - The Copy Button Share I Video/Written
010 - The Save Button Share I Video/Writen
011 - Embed Jing Content Using Screencast.com Share II Video/Written
012 - Edit Jing Images in Snagit Share: Edit II Video/Written
013 - Edit Jing Videos in Camtasia Studio Share: Edit II Video/Written
014 - Jing Capture History Manage I Video/Written
015 - What is Screencast.com? FAQ I Written
016 - Your Screencast.com Account Manage: Account I Written
017 - Quit or Restart Jing FAQ I Written
018 - Audio FAQ FAQ I Written
019 - Things You’ll Want to Know FAQ I Written
020 - Frequently Asked Questions FAQ I Written
021 - Preferences and Settings Settings and Options I Written
022 - Customize Jing Buttons Settings and Options I Video/Written
023 - Jing Startup and “Sun” Options Settings and Options I Video/Written
024 - Use Jing with a Proxy Server (Windows Only) Settings and Options III Written
025 - Understanding Video Formats: SWF & MPEG-4 Reference II Written