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.

Share This Page
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 - Recording Tips Record I Written
017 - Keyboard Shortcuts Reference II PDF
018 - Add Interactive Hotspots to Your Video Additions I Written
019 - Composite Assets with the Mask Effect Effects II Written
020 - For Camtasia Studio 8 Users: Feature Comparison Chart Reference II Written
021 - Add a Device Frame Around Your Video Video FX II Written
022 - Apply an Animated Highlighter Effect Animations II Written
023 - Brand Your Video with a Watermark Additions II Written
024 - Captions Audio II Video/Written
025 - Change the Canvas Background Color Canvas II Written
026 - Choosing Dimensions for Quality Video Production Reference II Written
027 - Create ADA-Compliant Captions Audio II Written
028 - Create a Table of Contents for Video Navigation Additions II Written
029 - Create a Title Additions II Written
030 - Embed Video on a Web Page or Blog Share III Written
031 - Magnify the Cursor with Cursor Effects Cursor FX II Written
032 - Maintain Privacy with the Blur Annotation Annotations II Written
033 - Markers Edit II Written
034 - Record a PowerPoint or Keynote Presentation Record II Written
035 - Remove a Color from a Video Effects II Video/Written
036 - Replace a Section of Audio on the Timeline Audio II Written
037 - Save an Annotation for Reuse Annotations II Written
038 - Speed Up or Slow Down the Speed of a Clip Effects II Video/Written
039 - Working with the FX Drawer Effects II Written
040 - Connecting Your Mobile Device Mobile I Video

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