Forums / Setup & design / Help with camtasia studio videos... they look stretched!

"Please Note:
  • At the specific request of Ibexa we are changing this projects name to "Exponential" or "Exponential (CMS)" effective as of August, 11th 2025.
  • This project is not associated with the original eZ Publish software or its original developer, eZ Systems or Ibexa".

Help with camtasia studio videos... they look stretched!

Author Message

Massimo Sanna

Tuesday 14 August 2007 5:20:40 am

Hi there, I have a problem embedding camtasia videos in Exponential cms. I'm trying to embed a camtasia movie in a custom class created in Exponential. Everything's in place, but yet, I get that effect, after the preloader, the movie squishes and becomes half width (apparently it becomes 550px, the standard flash movie size), no matter which values do I specify in the swfobject load statement.

This is the code I generate, extremely similar to the standard one of camtasia.
Of course I tried to ditch all those stylesheets that get loaded at the beginning, with no results.
Ah, the only way to get the proper dimension, apparently, is to go with firebug on the stretched video, and change the size of the embed, even of a couple of pixels. After doing that, the video will look ok.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en-GB" lang="en-GB">
<head>        
                            
    <title>Prova 1 / Training / Home - VisionWT  - Leading Exponential development solutions - Free your ideas</title>

    
    
    
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

        <meta http-equiv="Content-language" content="en-GB" />

    
        <meta name="author" content="Vision with Technology Ltd" />

        <meta name="copyright" content="Vision with Technology Ltd" />

        <meta name="description" content="VisionWT create award-winning Exponential content management solutions. We are an established Gold Partner of Exponential with five years experience." />

        <meta name="keywords" content="cms, publish, e-commerce, content management, development framework, Vision, VisionWT, Vision with Technology, eZ, Advanced eZ partner, eZ partner, Exponential, Exponential 3, partner, eZ systems, CMS, content" />

    
    <meta name="MSSmartTagsPreventParsing" content="TRUE" />
    <meta name="generator" content="Exponential" />
    
<link rel="Home" href="/eng" title="VisionWT  - Leading Exponential development solutions - Free your ideas front page" />
<link rel="Index" href="/eng" />
<link rel="Top"  href="/eng" title="Prova 1 / Training / Home - VisionWT  - Leading Exponential development solutions - Free your ideas" />
<link rel="Search" href="/eng/content/advancedsearch" title="Search VisionWT  - Leading Exponential development solutions - Free your ideas" />
<link rel="Shortcut icon" href="/extension/design_ext_template/design/custom_design/images/favicon.ico" type="image/x-icon" />

<link rel="Copyright" href="/eng/ezinfo/copyright" />
<link rel="Author" href="/eng/ezinfo/about" />
<link rel="Alternate" type="application/rss+xml" title="RSS" href="/eng/rss/feed/my_feed" /><link rel="Alternate" href="/eng/layout/set/print/training__1/prova_1" media="print" title="Printable version" /><style type="text/css">
    @import url(/design/base/stylesheets/core.css);
    @import url(/extension/ezwebin/design/ezwebin/stylesheets/pagelayout.css);
    @import url(/extension/ezwebin/design/ezwebin/stylesheets/content.css);
    @import url(/extension/ezwebin/design/ezwebin/stylesheets/websitetoolbar.css);
    @import url(/var/storage/packages/ez_systems/ezwebin_design/files/default/file/classes-colors.css);
    @import url(/var/storage/packages/ez_systems/ezwebin_design/files/default/file/site-colors.css);
        @import url("/extension/design_ext_template/design/custom_design/stylesheets/site-style.css");
        @import url("/extension/eztraining/design/eztraining/stylesheets/FlashTemplate.css");
    </style>
<link rel="stylesheet" type="text/css" href="/extension/ezwebin/design/ezwebin/stylesheets/print.css" media="print" />
<!-- IE conditional comments; for bug fixes for different IE versions -->
<!--[if IE 5]>     <style type="text/css"> @import url(/extension/ezwebin/design/ezwebin/stylesheets/browsers/ie5.css);    </style> <![endif]-->
<!--[if lte IE 7]> <style type="text/css"> @import url(/extension/design_ext_template/design/custom_design/stylesheets/browsers/ie7lte.css); </style> <![endif]-->    <script language="javascript" type="text/javascript" src="/design/standard/javascript/tools/ezjsselection.js"></script>    <script language="javascript" type="text/javascript" src="/extension/ezwebin/design/ezwebin/javascript/insertmedia.js"></script>    <script language="javascript" type="text/javascript" src="/extension/eztraining/design/eztraining/javascript/swfobject.js"></script>    <script language="javascript" type="text/javascript" src="/extension/eztraining/design/eztraining/javascript/loader.js"></script></head><body id="cs_flashBody" ><!-- Complete page area: START -->    <!-- Main area: START -->                <div id="flashcontent">	   		
			<div id="cs_noexpressUpdate">

			  <p>The Camtasia Studio video content presented here requires JavaScript to be enabled and the  latest version of the Macromedia Flash Player. If you are you using a browser with JavaScript disabled please enable it now. Otherwise, please update your version of the free Flash Player by <a href="http://www.macromedia.com/go/getflashplayer">downloading here</a>. </p>
		    </div>
	   </div>
      <script type="text/javascript">
		  // <![CDATA[          
         var fo = new SWFObject( "/extension/eztraining/design/eztraining/images/camtasia_controller.swf", "/extension/eztraining/design/eztraining/images/camtasia_controller.swf", "758", "600", "8", "#FFFFFF", false, "best" );
         fo.addVariable( "csConfigFile", "/eng/content/download/955/5294/version/3/file/prova1_config.xml"  ); 
         fo.addVariable( "csColor"     , "FFFFFF"           );
         fo.addVariable( "csPreloader" , "/extension/eztraining/design/eztraining/images/camtasia_preload.swf" );
         if( args.movie )
         {            fo.addVariable( "csFilesetBookmark", args.movie );
         }         fo.write("flashcontent"); 		  	  
         // ]]>

	   </script>  		            <!-- Main area: END -->

</body>
</html>