Embed Video on a Web Page or Blog

In Camtasia, you can create a MP4 video to embed on a web page or blog. By embedding the video, viewers can watch the video from within your website or blog. When websites or blogs include a link that directs users to another site to watch the video, viewers do not come back to the original web page.

  1. Select Share > Export as Web Page. Name the file and click Export.
  2. Open the source code for the index.html file by completing any of the following:
    • Open the .html file in an HTML editor, such as Adobe Dreamweaver.
    • Control-click the .html file and select Open With > TextEdit.
    • Double-click the .html file. In a web browser, select the View Source option. In Safari, select View > View Source.
  3. Copy the following code from the index.html file and paste the code under the <head> tag on your web page:
    insert code into head
  4. Copy the following code from the index.html file and paste the code into the body of your web page where you want to embed the video:
    insert code into body

    If your website or blog does not support javascript or certain tags, copy the simple embed code from the index.html instead:
    insert simple code into body
  5. Copy the following files into your web page's directory: index.html and the Media folder.

    Note: In some websites or blogs, you may need to edit the code to point to the correct directory path.

If the viewer has the required version of the Flash Player installed, the embedded video displays within the web page or blog. You can also embed a video onto a blog by uploading your video onto Screencast.com and copying the video’s embed code.

Title Category Level Format
000 - 0: Introduction Getting Started I Video
001 - 1: Make a great recording: Prepare, Script, Rehearse Getting Started I Video
002 - 2: Make a great recording: Select, Start, Pause Getting Started I Video
003 - 3: Editing essentials: Explore the Editor Getting Started I Video
004 - 4: Editing essentials: What You Really Need to Know Getting Started I Video
005 - 5: Editing essentials: Preview, Trim, Cut Getting Started I Video
006 - 6: Increase viewer understanding: Zoom, Pan, Bam Getting Started I Video
007 - 7: Increase viewer understanding: Annotations Getting Started I Video
008 - 8: Increase viewer understanding: Cursors & Clicks Getting Started I Video
009 - 9: Make your screencast stand out: Transitions Getting Started I Video
010 - 10: Make your screencast stand out: Animations & Video FX Getting Started I Video
011 - 11: Make your screencast stand out: Maintain Consistency Getting Started I Video
012 - 12: Create better audio: Mics, Recording, Audio FX Getting Started I Video
013 - 13: Share your screencast: The Great Export Getting Started I Video
014 - 14: Share your screencast: Screencast.com and YouTube Getting Started I Video
015 - Zooming: The Often Misunderstood Half-Holy Grail of Screencasting Quality Main Concepts I Video
016 - Editing Dimensions Basics Edit I Video
017 - Recording Tips Record I Written
018 - Keyboard Shortcuts Reference II PDF
019 - Add Interactive Hotspots to Your Video Additions I Written
020 - Composite Assets with the Mask Effect Effects II Written
021 - For Camtasia Studio 8 Users: Feature Comparison Chart Reference II Written
022 - Add a Device Frame Around Your Video Video FX II Written
023 - Apply an Animated Highlighter Effect Animations II Written
024 - Brand Your Video with a Watermark Additions II Written
025 - Captions Audio II Video/Written
026 - Change the Canvas Background Color Canvas II Written
027 - Choosing Dimensions for Quality Video Production Reference II Written
028 - Create ADA-Compliant Captions Audio II Written
029 - Create a Table of Contents for Video Navigation Additions II Written
030 - Create a Title Additions II Written
031 - Embed Video on a Web Page or Blog Share III Written
032 - Magnify the Cursor with Cursor Effects Cursor FX II Written
033 - Maintain Privacy with the Blur Annotation Annotations II Written
034 - Markers Edit II Written
035 - Record a PowerPoint or Keynote Presentation Record II Written
036 - Remove a Color from a Video Effects II Video/Written
037 - Replace a Section of Audio on the Timeline Audio II Written
038 - Save an Annotation for Reuse Annotations II Written
039 - Speed Up or Slow Down the Speed of a Clip Effects II Video/Written
040 - Working with the FX Drawer Effects II Written
041 - Connecting Your Mobile Device Mobile I Video
042 - Creating and Sharing Mobile Content with Windows Devices Mobile I Written

The Latest Tips and How To's for Camtasia for Mac from the TechSmith Blog

Get the most out of Camtasia for Mac with our handy tips and how-to guides