Ho do I embed a Camtasia video?

**ardhill** · 7 Mar 2011, 09:45 AM

Hi

I have used another screen recorder before and it gave me code to add that I just copied and pasted into my page, and the video just worked. But I am having problems with Camtasia videos.

I want to host them myself, and just paste some code into a page to get them to play on the zen cart page, I don't want a link to a new pop up window.

For instance, I did this with another programme:
http://www.hills-breeder-association...age=page&id=56

I want to do the same thing, but use Camtasia.

Here is the code that Camtasia gave me, but I can't figure out how to get it to work like the other screen recorder.

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<!-- saved from url=(0014)about:internet -->
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
    <head>
        <!-- saved from url=(0025)http://www.techsmith.com/ -->
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <meta name="DC.title" content="Forgotten-Password" />

        <title>Created by Camtasia Studio 7</title>
        <script type="text/javascript" src="swfobject.js"></script>
        <script type="text/javascript">
            swfobject.registerObject("csSWF", "9.0.115", "expressInstall.swf");
        </script>
        <style type="text/css">
            body 
            {
                background-color: #1a1a1a;
                font: .8em/1.3em verdana,arial,helvetica,sans-serif;
                text-align: center;
            }
            #media
            {
                margin-top: 40px;
            }
            #noUpdate
            {
                margin: 0 auto;
                font-family:Arial, Helvetica, sans-serif;
                font-size: x-small;
                color: #cccccc;
                text-align: left;
                width: 210px; 
                height: 200px;	
                padding: 40px;
            }
        </style>
    </head>
    <body>
        <div id="media">
            <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="640" height="346" id="csSWF">
                <param name="movie" value="Forgotten-Password_controller.swf" />
                <param name="quality" value="best" />
                <param name="bgcolor" value="#1a1a1a" />
                <param name="allowfullscreen" value="true" />
                <param name="scale" value="showall" />
                <param name="allowscriptaccess" value="always" />
                <param name="flashvars" value="autostart=false&thumb=FirstFrame.png&thumbscale=45&color=0x000000,0x000000" />
                <!--[if !IE]>-->
                <object type="application/x-shockwave-flash" data="Forgotten-Password_controller.swf" width="640" height="346">
                    <param name="quality" value="best" />
                    <param name="bgcolor" value="#1a1a1a" />
                    <param name="allowfullscreen" value="true" />
                    <param name="scale" value="showall" />
                    <param name="allowscriptaccess" value="always" />
                    <param name="flashvars" value="autostart=false&thumb=FirstFrame.png&thumbscale=45&color=0x000000,0x000000" />
                <!--<![endif]-->
                    <div id="noUpdate">
                        <p>The Camtasia Studio video content presented here requires JavaScript to be enabled and the latest version of the Adobe Flash Player. If you are using a browser with JavaScript disabled please enable it now. Otherwise, please update your version of the free Adobe Flash Player by <a href="http://www.adobe.com/go/getflashplayer">downloading here</a>. </p>
                    </div>
                <!--[if !IE]>-->
                </object>
                <!--<![endif]-->
            </object>
        </div>
        <!-- Users looking for simple object / embed tags can copy and paste the needed tags below.
        <div id="media">
            <object id="csSWF" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="640" height="346" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,115,0">
                <param name="src" value="Forgotten-Password_controller.swf"/>
                <param name="bgcolor" value="#1a1a1a"/>
                <param name="quality" value="best"/>
                <param name="allowScriptAccess" value="always"/>
                <param name="allowFullScreen" value="true"/>
                <param name="scale" value="showall"/>
                <param name="flashVars" value="autostart=false#&thumb=FirstFrame.png&thumbscale=45&color=0x000000,0x000000"/>
                <embed name="csSWF" src="Forgotten-Password_controller.swf" width="640" height="346" bgcolor="#1a1a1a" quality="best" allowScriptAccess="always" allowFullScreen="true" scale="showall" flashVars="autostart=false&thumb=FirstFrame.png&thumbscale=45&color=0x000000,0x000000" pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash"></embed>
            </object>
        </div>
        -->
    </body>
</html>

All the files are in:
http://www.hills-breeder-association...tten-Password/

Anybody any idea how I can get this to work?

Many Thanks

Paul

**gjh42** · 7 Mar 2011, 03:43 PM

That code is for an entire HTML page, and you can't paste it inside another HTML page like Zen Cart creates. You need to break it down and put the javascript in a jscript_whatever.js file, the style rules in your stylesheet, and the div/object code in the appropriate tpl_whatever.php file. See the tutorials for how to use jscript_ files. The correct PHP file will depend on what page and where on the page you want the clip to show.

Also, you want to change the body{} rule to a div id or whatever will be the container for the flash; body{} will alter the entire page throughout your site.

**ardhill** · 7 Mar 2011, 04:38 PM

Thanks

Part of the code in that page is allegedly for a simple insertion into the body of a page:

But is doesn't work for me.

I just wondered if anyone else had sucessfully made it work.

You don't need js or css, just simple code like you would embed a YouTube video, but it doesn't work for me.

The other videos I did on that site were done with BB Flashback, who give you simple insertion code. I wanted to try out Camtasia, as you can do a bit more with it than BB Flashback.

Thanks

Paul

**ardhill** · 7 Mar 2011, 05:02 PM

After having another look around, I think I have found an answer.

On the techsmith forum, I found this post http://forums.techsmith.com/showpost...61&postcount=2

Not sure what the simple embed code is all about then.

Moral of this story...

BB Flashback may not be as powerful as Camtasia, but it is cheaper and a lot easier to embed into a web page.

**kobra8** · 15 Mar 2011, 06:39 PM

Hi, can somebody please tell my hay to put Camtasia video in Zen Cart product page.
Video file is in AVI.

link of some tutorial

thanks

**ardhill** · 16 Mar 2011, 11:01 AM

Originally Posted by kobra8

Hi, can somebody please tell my hay to put Camtasia video in Zen Cart product page.
Video file is in AVI.

link of some tutorial

thanks

I don't know about AVI, it could be the same? But here is a tutorial at embedding Camtasia swf into a web page generally:
http://forums.techsmith.com/showpost...49&postcount=2

The <head>Javascript</head> bit needs to be loaded using Zen Cart's JavaScript system, which is pretty simple. You basically create a new Javascript file of the code and upload it to the server. The documentation on how to do it is in /docs/read_me_jscript.html

For being so popular, it is not so easy to embed Camtasia into a web page, I find this strange.

I found BB Flashback a lot easier to embed. Not as powerful editing functions, but simple to get into a web page. You have one swf output file, and 4 lines of code you put into the page where you want the video.

I used it rather than Camtasia, so I can't give you a step by step on how I embedded a Camtasia video - sorry.

Another option for camtasia, is to create a YouTube Channel for yourself, upload your video to it, then use YouTube's code to put it in your product page.

Here is a product page of mine with an embedded YouTube Video. It is just 4 lines of code where you want to place the video.
Hills Science Plan - Snacks for Dogs (Light)

I hope this all helps a bit.

Paul

**kobra8** · 20 Mar 2011, 04:00 PM

I have use Camtasia to make video end upload on JW player

http://www.longtailvideo.com/support...r-setup-wizard

Then thet code put in shop,.. end get video in shop

**ardhill** · 13 May 2011, 08:19 AM

OK, I figued out how to embed a Camtasia video in ZenCart and wrote a walk through here:

http://www.zen-cart.com/forum/showth...18#post1027618

Thread: Ho do I embed a Camtasia video?

Thread Tools

Search Thread

Display

Ho do I embed a Camtasia video?

Re: Ho do you embed a Camtasia video in Zen Cart?

Re: Ho do you embed a Camtasia video in Zen Cart?

Re: Ho do you embed a Camtasia video in Zen Cart?

Re: Ho do I embed a Camtasia video?

Re: Ho do I embed a Camtasia video?

Re: Ho do I embed a Camtasia video?

Re: Ho do I embed a Camtasia video?

Similar Threads

Embed Video

“How To” Embed A Camtasia Video in Zen Cart - Walk Through

Embed You Tube Video on Home Page

Embed YouTube Video?

embed YouTube video in product description

Bookmarks

Bookmarks

Posting Permissions