The ScreenSteps Online Knowledge Base Everything you need to know about ScreenSteps
Blue mango logo white 250
  • Table of Contents
  • Contact Us
ScreenSteps Documentation » ScreenSteps: Tips & Tricks » Embedding Video into MindTouch

Topics

  • Annotations 2
    • Create a Highlight Effect
    • How Can I Start A Sequence Annotation On a Number Other Than 1?
  • Clipboard Recorder 2
    • Adding Images from OmniGraffle
    • Importing Images From Quicktime or WMV Files
  • Embedding Video 4
    • Embedding Video From Screencast.com
    • Embedding Video From YouTube
    • Embedding Video into MindTouch
    • Embedding QuickTime Movies
  • Miscellaneous 2
    • Displaying Code Snippets In A Step
    • Creating Tutorials of ScreenSteps
  • Integration 1
    • Adding ScreenSteps HTML Output to a RapidWeaver Page

Quicklinks

  • Downloads
  • View forums
  • Submit a help request
  • Contact us
  • Retrieve a lost license key

Last Updated

Aug 23, 2011

Download Manual PDF

Other Resources

  • ScreenSteps Desktop & Workgroup

  • ScreenSteps 2.9
  • ScreenSteps Workgroup
  • Customizing HTML Templates
  • ScreenSteps: Tips & Tricks
  • Creating Word Templates
  • Publishing to Blogs & Wikis
  • ScreenSteps Live

  • ScreenSteps Live
  • Setting up a New Admin, Editor or Author on ScreenSteps Live
  • ScreenSteps Live Support Client
  • Integrating ScreenSteps Live With Other Services
  • Collaborating on ScreenSteps Live
  • ScreenSteps Live Remote Authentication
  • ScreenSteps Live API
  • API Examples
  • Implementation Guides

  • Creating a Software Manual With ScreenSteps
  • Creating a ScreenSteps Live Support Site
  • Zendesk and ScreenSteps Live
  • Help Scout and ScreenSteps Live
  • FAQs

  • FAQs

Comments

0 comments for this lesson

  • Prev: Embedding Video From YouTube
  • Next: Embedding QuickTime Movies

Embedding Video into MindTouch

Although Mindtouch doesn't support actual HTML embed code it does support a media extension that can be used for embedding various media types. Take a look at the documentation on the mindtouch site for more info.

Create Media Tag

To embed video in a ScreenSteps step for export to Mindtouch you need to use a media tag rather than embed code. I'm going to use a url to a Viddler video as an example. The url to my video is:

http://www.viddler.com/explore/bluemango/videos/15/

The media tag for this video would look like this:

{{ media("http://www.viddler.com/explore/bluemango/videos/15/", 437, 370) }}

Copy the media tag code to your system clipboard.

Add Media Code To Step

Media_1268675255196_display

Now that the media code is on the clipboard you need to attach it to a step. Right-click on a step in ScreenSteps and select Set Video Embed Code...

Paste In Embed Code

Media_1245428137609_display

Paste in the embed code into the HTML For Video (1) field and click OK (2).

Export

Media_1245441981155_display

When you export your lesson to Mindtouch it will appear in place of a step image.

  • Prev: Embedding Video From YouTube
  • Next: Embedding QuickTime Movies

Comments (0)

Add your comment

E-Mail me when someone replies to this comment
Blue Mango Learning Systems © 2012