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

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 ezpublish cms. I'm trying to embed a camtasia movie in a custom class created in ezpublish. 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 eZ Publish 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 eZ publish content management solutions. We are an established Gold Partner of eZ publish 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, eZ publish, eZ publish 3, partner, eZ systems, CMS, content" />

    
    <meta name="MSSmartTagsPreventParsing" content="TRUE" />
    <meta name="generator" content="eZ publish" />
    
<link rel="Home" href="/eng" title="VisionWT  - Leading eZ Publish development solutions - Free your ideas front page" />
<link rel="Index" href="/eng" />
<link rel="Top"  href="/eng" title="Prova 1 / Training / Home - VisionWT  - Leading eZ Publish development solutions - Free your ideas" />
<link rel="Search" href="/eng/content/advancedsearch" title="Search VisionWT  - Leading eZ Publish 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>