Zen Cart Logo
Forums / General Questions / Ho do I embed a Camtasia video?

Ho do I embed a Camtasia video?

Locked

Views: 4,378

Results 1 to 8 of 8
This thread is locked. New replies are disabled.
7 Mar 2011, 8:45 AM
#1
ardhill avatar

ardhill

New Zenner

Join Date:
Dec 2007
Location:
Belfast, N.Ireland
Posts:
99
Plugin Contributions:
0

Ho do I embed a Camtasia video?

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-ireland.com/index.php?main_page=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.

<!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-ireland.com/media/Forgotten-Password/

Anybody any idea how I can get this to work?

Many Thanks

Paul

7 Mar 2011, 2:43 PM
#2
gjh42 avatar

gjh42

Black Belt

Join Date:
Jul 2005
Location:
Upstate NY
Posts:
21,876
Plugin Contributions:
8

Re: Ho do I embed a Camtasia video?

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.

7 Mar 2011, 3:38 PM
#3
ardhill avatar

ardhill

New Zenner

Join Date:
Dec 2007
Location:
Belfast, N.Ireland
Posts:
99
Plugin Contributions:
0

Re: Ho do I embed a Camtasia video?

Thanks

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

<!-- 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> -->

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

7 Mar 2011, 4:02 PM
#4
ardhill avatar

ardhill

New Zenner

Join Date:
Dec 2007
Location:
Belfast, N.Ireland
Posts:
99
Plugin Contributions:
0

Re: Ho do I embed a Camtasia video?

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.php?p=19161&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.

15 Mar 2011, 5:39 PM
#5
kobra8 avatar

kobra8

Zen Follower

Join Date:
Mar 2009
Location:
Serbia
Posts:
350
Plugin Contributions:
0

Re: Ho do I embed a Camtasia video?

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 :blush:
thanks

16 Mar 2011, 10:01 AM
#6
ardhill avatar

ardhill

New Zenner

Join Date:
Dec 2007
Location:
Belfast, N.Ireland
Posts:
99
Plugin Contributions:
0

Re: Ho do I embed a Camtasia video?

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 :blush:
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.php?p=16149&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

20 Mar 2011, 3:00 PM
#7
kobra8 avatar

kobra8

Zen Follower

Join Date:
Mar 2009
Location:
Serbia
Posts:
350
Plugin Contributions:
0

Re: Ho do I embed a Camtasia video?

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

http://www.longtailvideo.com/support/jw-player-setup-wizard

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