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

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 word-processing document. Embed code allows you to do this with videos too!

To obtain embed code from Screencast.com:

  1. First you must create a new button. Click More > Preferences > Customize buttons.
  2. Click New.
  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 SC.com--Embed.
  5. Choose Embed Code from the Clipboard contents drop down menu.
    embed dialog
  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).
  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, webpage, 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 wiki's (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

Share This Page
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 - The Twitter Button Share I Video/Written
012 - The Facebook Button Share II Video/Written
013 - The Flickr Button Share II Video/Written
014 - Embed Jing Content Using Screencast.com Share II Video/Written
015 - The FTP Button Share III Video/Written
016 - Edit Jing Images in Snagit Share: Edit II Video/Written
017 - Edit Jing Videos in Camtasia Studio Share: Edit II Video/Written
018 - Jing Capture History Manage I Video/Written
019 - What is Screencast.com? FAQ I Written
020 - Your Screencast.com Account Manage: Account I Written
021 - Quit or Restart Jing FAQ I Written
022 - Audio FAQ FAQ I Written
023 - Things You’ll Want to Know FAQ I Written
024 - Frequently Asked Questions FAQ I Written
025 - Preferences and Settings Settings and Options I Written
026 - Customize Jing Buttons Settings and Options I Video/Written
027 - Jing Startup and “Sun” Options Settings and Options I Video/Written
028 - Use Jing with a Proxy Server (Windows Only) Settings and Options III Written
029 - Understanding Video Formats: SWF & MPEG-4 Reference II Written
030 - FTP Custom Code (Advanced Topic) Reference III Written