8 Replies Latest reply on Jul 24, 2013 6:30 PM by LindzMeister

    Dynamic SWF Video - Vertically Challenged

    LindzMeister

      Hi, I'm trying to create a dynamic site where a SWF file can expand & contract with the browser, and not take up unnecessary vertical space above and below its video. I've been able to get the SWF video to act dynamically (expand & contract). The problem is depending on how I change the browser's preview size, the SWF file will take up varying amounts of vertical space (resembling padding or margins in appearance) above and below the video. This is a problem because for aesthetic reasons, I put a row of dots above and below the video, and depending on the browser's preview size, there can be gaping holes between the dots and the video. I want the gaping holes to go away!

       

      I'm looking for help on how to keep the SWF video acting dynamically without taking up any of this unnecessary vertical space. I'm brand new to web design. Any advice is greatly appreciated! Thank you so much in advance.

       

      Below please find some of the code that pertains to the SWF.

       

      SOURCE CODE:

      <div id="main" role="main">

          <div class="dots"></div>

          <div id="filmStripScreen">

              <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="100%" height="100%" id="filmStrip" title="Films">

                <param name="movie" value="_videos/filmStripFour.swf" />

                <param name="quality" value="high" />

                <param name="wmode" value="opaque" />

                <param name="swfversion" value="11.0.0.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" />

                <param name="BGCOLOR" value="#0f245f" />

                <!-- Next object tag is for non-IE browsers. So hide it from IE using IECC. -->

                <!--[if !IE]>-->

                <object type="application/x-shockwave-flash" data="_videos/filmStripFour.swf" width="100%" height="100%">

                  <!--<![endif]-->

                  <param name="quality" value="high" />

                  <param name="wmode" value="opaque" />

                  <param name="swfversion" value="11.0.0.0" />

                  <param name="expressinstall" value="Scripts/expressInstall.swf" />

                  <param name="BGCOLOR" value="#0f245f" />

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

          </div>

          <div class="dots"></div>

      </div>

       

      CSS:

      h1,h2,h3,h4,h5,h6,p,address,blockquote,div,ul,li {

                margin: 0;

                padding: 0;

      }

       

      #main {

                color: #fff;

                background-color: #0f245f;

                clear: both;

                width: 100%;

      }

       

      .dots {

                height: 39px;

                background-image: url(../_images/dots.jpg);

                background-repeat: no-repeat;

                background-position: left top;

      }

       

      #filmStripScreen {

                width: 75.917%;

                margin-right: auto;

                margin-left: auto;

      }