Embedding TutorialsThis is a featured page

One question we get asked is how to ensure that a tutorial is embedded at a size that works for your web page, blog, Libguides or Facebook site. To do so:

1. At the Episode Screen grab the embedding code and do an edit – copy.

2. The embedding code needs to be entered into the HTML editing area of your webpage creator, libguides, (etc) Copy and paste it into this section.
    • When you do so, you will notice that the Embedding code will have dimensions for width and height. (e.g. 728 x 710 )

3. Change the dimensions to the size you want (for example 200 x 175 for a very small tutorial)

4. View the embedded object. It should be small or large - depending on the dimensions you entered.

5. If you make it smaller, you might want to add a link back to the site – to give your viewers the option of viewing a larger tutorial as well.

To view this example, click here and see the Powerpoint Demo.





Kazakoff
Kazakoff 		Latest page update: made by Kazakoff , Nov 6 2008, 11:37 AM EST (about this update About This Update Kazakoff It has information we do not want altered by non-editors - Kazakoff

No content added or deleted.
- complete history)
Keyword tags: Dimensions Embedding Code Embedding Tutorials
More Info: links to this page

Threads for this page

Started By Thread Subject Replies Last Post
Richard.Baer Faux embedding 0 Apr 15 2011, 2:02 PM EDT by Richard.Baer
Thread started: Apr 15 2011, 2:02 PM EDT  Watch
I posted in "Best practices in screencasting" about using interactivity with .mp4. If you are using a server, not Facebook etc, then you have a html and a mp4 to deliver interactive elements. Unless you have a code wrangler who can write embed code for you, you are out of luck because all you have is a URL to the html which invokes the mp4.
Hence "faux embedding".
Start the tutorial and freeze it on the title frame. Do a screen cap, crop out everything except the title screen and save as a jpg. Then upload the jpg to your server, link the html to the image and your users will see an image very much like what they would see in a "real" embed. You can adjust the image size to match the space in the web page that delivers the tutorials.
Do you find this valuable?    
Keyword tags: Dimensions Embedding Code Embedding Tutorials
Showing 1 of 1 threads for this page

Related Content

  (what's this?Related ContentThanks to keyword tags, links to related pages and threads are added to the bottom of your pages. Up to 15 links are shown, determined by matching tags and by how recently the content was updated; keeping the most current at the top. Share your feedback on Wetpaint Central.)
How To Utilize Existing Tutorials Faux embedding Streaming Videos
Access ANTS Files and Embedding Code