Upload Files to a Web Server to Embed on a Website

Problem

How do I embed a video produced in Camtasia on my website?

Solution

Camtasia produces Web-ready content when you save the generated files that contain the TechSmith Smart Player files, along with the video file. Upload all of the files that Camtasia produced to your Web server to place the video online. To view the video, enter the URL for the HTML page that you just uploaded into your Internet browser. Below is a video on how to upload your produced files to a website to play the video.

Embed Video on its own Page

  1. In Camtasia, select Share > Local File.
  2. In the File format dropdown, select Export to MP4. Select the Export as Web Page option.
  3. Click Export.

  4. Upload the entire folder that is exported to your web server.
  5. When you browse to the public URL of the index.html in the uploaded folder, the video will be available for playback.

Embed the Video on a Different Page


  1. In Camtasia, select Share > Local File.
  2. In the File format dropdown, select Export to MP4. Check the Export as Web Page option.
  3. Click Export.

  4. Upload the entire folder that is exported to your web server.
  5. Open the index.html file in the produced folder in a text editor. Copy from the style tag to the end of the script tag.
  6. Paste this line into the HTML of the page you would like to embed the video on to.
  7. For the two src values:


    Enter the full URL location of the files:
    2017-03-23_17-17-57.png
  8. Save the changes.