• Jing Site
  • Jing Blog
  • Help Center
Jing Help Center
  • Get Started
  • Capture
  • Share
  • Manage
  • Tips, Tricks, and Advanced

Search

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.

Here's a related printable PDF if you'd prefer.

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.

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 Jing 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.
  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 dialogue 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 both SWF and MPEG-4 (available in Jing Pro) 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.

Categories:

  • Share
  • Get Started
  • Capture
  • Share
  • Manage
  • Tips, Tricks, and Advanced

All Topics and Tutorials

Denotes film on tutorial page=Includes video tutorial

Get Started

  • Take Your First Capture   Tutorial has video
  • Things You’ll Want to Know
  • Where is My Clipboard?
  • Move the Sun Launcher   Tutorial has video

Capture

  • Select an Area to Capture   Tutorial has video
  • Capture an Image   Tutorial has video
  • Capture a Video   Tutorial has video
  • Use a Webcam with Jing Pro   Tutorial has video

Sharing Jing Captures

Screencast.com
  • Share to Screencast.com   Tutorial has video
  • What is Screencast.com?
  • Embed Jing Content Using Screencast.com   Tutorial has video
  • The Twitter Button   Tutorial has video
Other Jing Buttons/Output Options
  • Save, copy, FTP, Flickr   Tutorial has video
  • The YouTube Button (Jing Pro Only)   Tutorial has video
Beyond Jing
  • Edit Jing Images in Snagit   Tutorial has video
  • Edit Jing Videos in Camtasia Studio   Tutorial has video

Manage

  • Preferences and Settings
  • Jing History   Tutorial has video
  • Capture Hotkey   Tutorial has video
  • Your Screencast.com Account
  • Jing Startup and “Sun” Options   Tutorial has video
  • Customize your Buttons   Tutorial has video

Tips, Tricks, and Advanced

  • Video Formats: SWF & MPEG-4
  • Quit or Restart Jing
  • Audio FAQs
  • Produce Jing Video in Camtasia Studio and Upload to Screencast.com
  • FTP Custom Code (Advanced Topic)
  • YouTube Videos Out of Sync? (Mac)
  • Video Formats (Jing Pro)

©2009 TechSmith Corporation   Support and Feedback   Download Jing (for free)