Solved

Embedding a SWF with Dreamweaver makes the spaceholder height too big.

Posted on 2011-03-04
5
335 Views
Last Modified: 2012-06-27
I have a piece of code that was created in Dreamweaver CS5 when I inserted a SWF file into my template...

<object id="FlashID" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="259" height="122">
                  <param name="movie" value="/KiwanisQuotes.swf">
                  <param name="quality" value="high">
                  <param name="wmode" value="opaque">
                  <param name="swfversion" value="8.0.35.0">
                  <!-- This param tag prompts users with Flash Player 6.0 r65 and higher to download the latest version of Flash Player. Delete it if you don’t want users to see the prompt. -->
                  <param name="expressinstall" value="/Scripts/expressInstall.swf">
                  <!-- Next object tag is for non-IE browsers. So hide it from IE using IECC. -->
                  <!--[if !IE]>-->
                  <object type="application/x-shockwave-flash" data="/KiwanisQuotes.swf" width="259" height="122">
                    <!--<![endif]-->
                    <param name="quality" value="high">
                    <param name="wmode" value="opaque">
                    <param name="swfversion" value="8.0.35.0">
                    <param name="expressinstall" value="/Scripts/expressInstall.swf">
                    <!-- The browser displays the following alternative content for users with Flash Player 6.0 and older. -->
                    <div>
                      <h4>Content on this page requires a newer version of Adobe Flash Player.</h4>
                      <p><a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" width="112" height="33" /></a></p>
                    </div>
                    <!--[if !IE]>-->
                  </object>
                  <!--<![endif]-->
                </object>

Open in new window


It used to look like the image below, where it was a Flash movie in the middle of my page's header, 33 pixels high.
This is the correct height of the banner - 33 pixels.

But now, when I embed the SWF file, and DW puts the caveats in the code about different browsers, etc, It makes the image placeholder big enough for my flash movie, PLUS the other images and notes that need to display if the viewer needs to upgrade her/his viewer.  See the picture below.  
 This is too big - need it to be actual size of SWF file.
Even though my versions of Flash player are up-to-date, the browser still makes the header as bis as the second image, even though none of the messages appear.  Is there a way to keep the actual banner the same height so that all the space reserved for these messages don't make my banner too high ?
0
Comment
Question by:Kevin
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 3
  • 2
5 Comments
 
LVL 70

Expert Comment

by:Jason C. Levine
ID: 35041396
Hi girbeaud,

Use a different flash embedding method, like swfobject.js

0
 

Author Comment

by:Kevin
ID: 35041467
I really don't know how to code much.  How would I do that in Dreamweaver ?
0
 
LVL 70

Accepted Solution

by:
Jason C. Levine earned 500 total points
ID: 35041794
You wouLd have to read the documentation and learn to do it in code view:

http://code.google.com/p/swfobject/
0
 

Author Comment

by:Kevin
ID: 35061196
It looks like Dreamweaver CS5 already uses SWFObject...
0
 
LVL 70

Expert Comment

by:Jason C. Levine
ID: 35061443
Yes, but the issue is that DW is adding a ton of extra code via the wizard.  You need to learn to embed the object without using DW and you will get more control over the result.  
0

Featured Post

Independent Software Vendors: We Want Your Opinion

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

For those who don't know, Adobe Dreamweaver is a popular commercial web editor that enables you to design, build and manage complex websites. The editor is a WYSIWYG (What You See Is What You Get) web editor, which means that you can create your web…
Adobe Dreamweaver CS5 is a WYSIWYG web page editor that has advanced HTML, CSS, and Javascript rendering functionality and is probably the most well-known HTML editor available. Much of Dreamweaver's appeal centers around the Design View interfac…
The goal of the tutorial is to teach the user how to how to load their YouTube profile onto Flash Media Live Encoder.
The goal of the tutorial is to teach the user how to select the video input device. Make sure you have an input device that in connected and work and recognized by Adobe Flash Media Live Encoder and select it in the “video input” menu.
Suggested Courses

617 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question