WordPress.org

1. vooght27
   Member
   Posted 3 years ago #

   I am wondering if anyone has tried using flash videos as backgrounds for a wordpress site?? Can it be done?? A good example of what I am looking for is here - http://www.basjanader.com/ -

   Basically I need to know if it can be done and if so how difficult and what problems may it throw up??

   Any help will be greatly appreciated ..

   Thanks

2. sarahd
   Member
   Posted 2 years ago #

   I'm building a WordPress site with swf backgrounds embedded using swfobject. I'm not sure about flv's, but the swf background was very doable-- the trickiest part was just a stylesheet and embed code issue to make sure it works on all browsers.

   What I have that seems to be working well...

   Initialize the swfobject in the header:
   

   <script type="text/javascript" src="<?php echo(get_bloginfo('template_directory')); ?>/swfobject.js"></script>
   <script type="text/javascript">
   swfobject.registerObject ("flashContent","8");
   </script>

   Embed the flash object in the footer (with transparent wmode... I'm also detecting the WP pages to change the swf names):
   

   <object id="flashContent" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="2000px" height="900px">
       <param name="movie" value="<?php echo(get_bloginfo('template_directory')); ?>/swfs/<?php
   // can chech which page this is to change swf
   ?>.swf" />
       <param name="wmode" value="transparent" />
       <param name="bgcolor" value="#464646" />
      <!--[if !IE]>-->
       <object type="application/x-shockwave-flash" data="<?php // can chech which page this is to change swf
   ?>.swf" width="2000px" height="900px">
       <param name="wmode" value="transparent" />
       <param name="bgcolor" value="#464646" />
       <!--<![endif]-->
         <p>Please update your Flash Player</p>
       <!--[if !IE]>-->
       </object>
       <!--<![endif]-->
     </object>

   Use CSS to position and fit swf dimensions (though I think you could do this and the embed code with percentages if you want to scale with the page):

   #flashContent {
   	z-index: 2;
     	position: absolute;
     	width: 2000px;
     	height: 900px;
     	top: 0;
     	left: 0;
   	}

   You can take a peek at the work in progress here.

   Good luck!

3. cinemadiving
   Member
   Posted 2 years ago #

   Hi sarahd

   I'm designing movie web sites and need to emulate some Flash style elements like background video, background dissolves, audio and animated buttons.

   I'd like to see how the embedding of swf objects works within your site. Can you post (or send) a link to your example. I see that the "work in progress" link has expired.

   Any other references would be great.

   Thanks,
   Gregg

4. sarahd
   Member
   Posted 2 years ago #

   That site is being recreated, but the Flash backgrounds worked well. You can see an older iteration at http://vendor.rojistudios.com/.

5. cinemadiving
   Member
   Posted 2 years ago #

   That's working very well as a background Flash object. Thanks for the link.

Topic Closed

This topic has been closed to new replies.