Problem with Flash Header

[welchyboy]

HELP I got the size and seems the dimensions are OK for at least resolutions up to 1280 x 768 but I have lots of black on the top and bottom. How do i get rid of this.

my logowrapper is set to

#logoWrapper{

	/*background-image: url(../images/headerbg.gif);*/

	background-repeat: repeat-x;

	background-color: #000000;

	height:140px;

	margin: 0em;

	padding: 0em;

	}

I have this set in my tpl_header.php

 if ($current_page_base == 'index') {
  require($template->get_template_dir('top_main.php',DIR_WS_TEMPLATE, $current_page_base,'common'). '/top_main.php'); }

  else {
  require($template->get_template_dir('top.php',DIR_WS_TEMPLATE, $current_page_base,'common'). '/top.php'); }?>

My top_main.php is where the flash file is located and that looks like this.

<div><script type="text/javascript" src="includes/templates/arch_shoppe/jscipt/swfobject.js"></script>
 <div id="flashcontent">
   
    
<center>


<embed
src="stxbanner.swf"
width=100%
height=100%
allowscriptaccess="always"
allowfullscreen="true"
/>

</center>

I have tried many other techniques even the swfobject 2.0 and can't seem to get it working correctly. Any thoughts on how to get this correct. I am a newbie and need explanation. Thanks for your time!!

[davewest]

I just did a very quick read of some of the latest response in this thread. The only small comment I can help with is that one needs to be careful with your code depending on which version of swfObject you use. Code that was meant for the old 1.4 version will not work well using the 2.0 or 2.1 version of swfObject. And definently, code meant for version 2.1 will not work using the old swfObject 1.4. I found that out the hard way. So, the bottom line is one should stipulate the version of the swfObject when providing the code that will implement flash.

True, but the difference in 1.4 and 2.0 code is easy to see. I haven't had time to look at 2.1, will have to check it out. I forget that I tend to see code differently.. so I do need to tag it better for others.

welchyboy,
Your switching code faster then I can keep track! For complete info on swfObject go to their web site and read up.. http://code.google.com/p/swfobject/wiki/documentation

As for the size issue, code in a resolution sniffer ether in your php or swf movie to auto size it...

[welchyboy]

True, but the difference in 1.4 and 2.0 code is easy to see. I haven't had time to look at 2.1, will have to check it out. I forget that I tend to see code differently.. so I do need to tag it better for others.

welchyboy,
Your switching code faster then I can keep track! For complete info on swfObject go to their web site and read up.. http://code.google.com/p/swfobject/wiki/documentation

As for the size issue, code in a resolution sniffer ether in your php or swf movie to auto size it...

LOL I am so sorry I am just out of time and I am trying not to solely reley on the forum because I DO WANT to actually learn the stuff I am just sooo pressured for time it is really driving me crazy. I have researched swfobjects 2.0 downloaded the 2.1 beta zip from the website and I even watched a video on how to do it but for some reason something isn't correct so I continuously go back to the embed code which is actually working with my site right now and has been working. I just can't get it exactly the way i want. As for the resolution sniffer I haven't a clue what that is so i will research it and see if i can find some information on how to go about doing that.

I forgot to edit that my flash file is 2600 by 300 which is RIDICULOUS but that is the only way i could figure out how to get it to work with other resolutions. will the resolution sniffer fix this so i can make the actual flash file smaller?

[Sawhorse]

I tried this script and I get a blank flash box in IE and nothing shows up in FireFox- [/I]

<script type="text/javascript">
swfobject.embedSWF("fitness_mega_flash.swf", "fitness_mega_flash.swf", "430", "390", "7.0.0");
</script>
<div id="myContent"><img src="images/large/fitness_mega_flash.swf" hight="430" width="390"/></div>

When I Try loading off of swobject.js all I get is "This Text is replaced by Flash movie" in both IE and FireFox. The good news is at least it's doing the same thing in both

-

You know, the problem might be as simple as your path for your SWF. It might be that swfobject can't find your SWF and thus your get a "blank flash box". Try putting your SWF in your root directory and see if that does not help. It might!!

[welchyboy]

Crazy enough I got it to work. I am not sure how I have tried the swfobject 2.0 multiple times and even downloaded the "air" one which is a generator. But for some reason it decided to work.

In reply to sawhorse I actually do have my swf in the root directory which wasn't working at first but not it is. Not sure what turned that around but here is what i did...or at least what i have.

I downloaded the swfobjects 2.0 and also used the air generator thing which you can download both of them from here..

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

I used the generator and typed in the name of the file and the parameters and generated the code. I uploaded the .js file and the swf file to the server.

My code looks like this for the flash

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
	<head>
		<title></title>
		<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
		<script type="text/javascript" src="includes/templates/YOUR TEMPLATE/swfobject.js"></script>
		<script type="text/javascript">
			var flashvars = {};
			var params = {};
			params.play = "true";
			var attributes = {};
			attributes.align = "middle";
			swfobject.embedSWF("myflashfile.swf", "myflashfile", "100%", "100%", "9.0.0", "expressInstall.swf", flashvars, params, attributes);
		</script>
	</head>
	<body>
		<div id="myflashfile">
			<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" />
			</a>
		</div>
	

</body>
</html>

I hope with this code I would be able to help someone out.

Now for the bad news...I am still having trouble with the black "space" above and below the actual flash file. I believe it is part of the flash file but not sure how or why. This black space also will need to be set to change with resolution i think because I changed resolution and my flash files width went all the way across like it is supposed to (at least for 1280 x 768) however the black color either gets smaller or larger depending on resolution...

I have researched more about the resolution "sniffer" and found different codes but not sure exactly what I need to do. I found this piece of code..

if((System.capabilities.screenResolutionX>1024)&& (System.capabilities.screenResolutionX<1280)){ //Place your actions here }

Also found this code

if(System.capabilities.screenResolutionX==1024){ //Place your actions for 1024 resolution here } else if(System.capabilities.screenResolutionX==800){ //Place your actions for 800 resolution here }

Neither of these I know anything about or how to place my own actions. I will have to refer to the flash file obviously but not sure exactly how to do this part. Anyone have any information about this...

THANKS FOR THE HELP GUYS YALL ROCK

[welchyboy]

Does anybody know how to get this code to work for the resolution problem?

<SCRIPT LANGUAGE="JavaScript">

<!-- Begin
function redirectPage() {
var url640x480 = "indexlinks640.html";
var url800x600 = "indexlinks800.html";
var url1024x768 = "indexlinks1024.html";
if ((screen.width == 640) && (screen.height == 480))
window.location.href= url640x480;
else if ((screen.width == 800) && (screen.height == 600))
window.location.href= url800x600;
else if ((screen.width == 1024) && (screen.height == 768))
window.location.href= url1024x768;
else window.location.href= url640x480;
}
// End -->
</script>

I tried putting this into my top_main.php which contains my flash information. I took the current flash information out and placed this code in its place. Then I changed the html pages to top_main1.php which contained my "working" flash information. However all i got was a black screen.

[Sawhorse]

...I am still having trouble with the black "space" above and below the actual flash file. I believe it is part of the flash file but not sure how or why. This black space also will need to be set to change with resolution i think because I changed resolution and my flash files width went all the way across like it is supposed to (at least for 1280 x 768) however the black color either gets smaller or larger depending on resolution...

I have researched more about the resolution "sniffer" and found different codes but not sure exactly what I need to do. I found this piece of code..

I do not know anything about a resolution "sniffer" and I doubt that you need it. What I am aware of is that you must keep that same proportions. If you force a certain a length then the width will be proportional to the original. If you do not meet the the exact proportion the difference will be filled in (depending on the setup) with black/white.

[welchyboy]

So what does that mean...I should set it to percent or an actual length? Because I believe everytime I try and specify a specific length of the flash content it overshoots the page completely or it will be short. I just want something that is normal what does everyone else do with their flash banners lol?

[Sawhorse]

Sorry for not making this clear.
1) I am talking about a flash video in general, not specifically about a banner
2) I am using swfObject ver2.1 and in 2.1 you specify length and width.
3) If your video is in a 9:16 ratio but your space you are trying to put your video in is a 10:16 ratio you will get black space.
4) If you are putting your video on your main page (define_main_page.php) and you are using swfObject ver2.1 you can specify the size of the video:

var att = { data:"includes/templates/Series_12_Horses/flash/homepage.swf", width:"600", height:"240"};

(The above was copied from my site main page)
5) Note that the swf and the stipulated width and height (width:"600", height:"240") must be in the same ratio (mine is 1:1)
6) If it is not in the same ratio I BELIEVE the video will have black space.

This is all the info I have. I am not a programmer. Someone more skilled will need to help you further.

Best of luck.

[welchyboy]

OK I will research this line of code to see what it does for me. I understand what you are saying but i think the problem is if i set the banner to say i don't know 700 width by 120 height that might look great with no black space what so ever and everything looks good on my monitor. But if someone starts looking at my site with other resolutions the page will loko different because 700 pixels wide will look much different on a larger resolution. So I do understand and with videos i don't think resolution will affect this too much. But the banner I was hoping to have it across the top of the page. I thank you for your comments and I will research that piece of code. If anyone else has a solution they would like to propose please let me know. Thanks