Click to See Complete Forum and Search --> : take a look for me?


sarb
11-05-2008, 06:21 PM
Hi,
I have a swf file that will run in Firefox, but not on IE. On Firefox I get the video and the audio. On Internet Explorer, I just get audio and no picture/video.

Could someone take a look at the link on both FF and IE and tell me if you are getting the same problem?? Trying to figure out if it's just my computer or not. I downloaded the Flash Player on both IE and FF to see if that mattered, but doesn't seem to.


http://www.naturalwavesprogram.com/player_1.htm



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

<script src="player_1.js"></script>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=koi8-r" />
<title>advanced_list</title>
</head>
<body bgcolor=""><!-- saved from url=(0013)about:internet -->
<center>
<noscript>
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" width="NaN" height="NaN" id="player" ALIGN="">
<PARAM NAME="movie" VALUE="player_1.swf" />
<PARAM NAME="FlashVars" VALUE="xmlSrc=player_1.xml" />
<PARAM NAME="quality" VALUE="high" />
<PARAM NAME="bgcolor" VALUE="#0" />
<PARAM NAME="wMode" VALUE="transparent" />
<EMBED src="player_1.swf" FlashVars="xmlSrc=player_1.xml" quality=high bgcolor="#0" wMode="transparent" WIDTH="NaN" HEIGHT="NaN" NAME="player" ALIGN="" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />
</OBJECT>
</NOSCRIPT>
</center>
</body>
</html>




Javascript code:



document.write('<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" width="NaN" height="NaN" id="player" ALIGN="">');
document.write('<PARAM NAME="movie" VALUE="player_1.swf" />');
document.write('<PARAM NAME="FlashVars" VALUE="xmlSrc=player%5F1%2Exml" />');
document.write('<PARAM NAME="quality" VALUE="high" />');
document.write('<PARAM NAME="bgcolor" VALUE="0" />');
document.write('<PARAM NAME="wMode" VALUE="transparent" />');
document.write('<EMBED src="player_1.swf" FlashVars="xmlSrc=player%5F1%2Exml" quality=high bgcolor="0" wMode="transparent" WIDTH="NaN" HEIGHT="NaN" NAME="player" ALIGN="" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" /></OBJECT>');




xml code:



<list baseurl="movies/" pcolors="0,13421772,65535" streaming="true" tips="true" javascript="true" keepscale="true" autoplay="true" autoload="true" loop="false" transparent="true" showframe="false" buftime="3" rowcount="3" helpstr="" affiliateurl="" singleTrack="true"><item url="Agnes3.flv" ttl="TransparentAgnes150kbs" /></list>



Thanks,
Sarb

sarb
11-05-2008, 06:23 PM
sorry, the link is actually:

http://www.naturalwavesprogram.com/player_1.html

Thanks...

Eye for Video
11-06-2008, 07:07 PM
Seems like we’ve gone around on this one before, a few weeks back. Well I’ve got good news, I think I’ve solved the missing video player problem. I can reproduce those exact same problems and also cure those same problems by changing some of the parameters associated with the player, the width and the height. Currently those parameters are set at NaN (Not a Number).
<object ……width="NaN" height="NaN" ….
<EMBED…WIDTH="NaN" HEIGHT="NaN"…
The JavaScript also contains those params so be sure to change those.
Apparently FF just ignores “NaN” and displays the video player while IE places a video of no dimensions on the page. You hear the audio because the video is playing but since the player has no dimensions, it does not show. Replace NaN with the correct dimensions and that should solve the problem. for example
<object ……width="320" height="240"
Hey.. let me know if that works for you so I can play * * * Another One Bites the Dust * * *
Best wishes,
Eye for Video
www.cidigitalmedia.com

sarb
11-06-2008, 08:08 PM
Hey, thanks for the response. Yes, this is de ja vu... I tried some of the earlier suggestions with no success. Then I got caught up in another project so finally back on track with this one. I didn't originally provide all the code, as I didn't realize I had all that code, so thought I would just start back fresh. Hope that is ok...

I did originally remove the NaN from the html code as originally suggested with no affect. I did not realize it was duplicated in the javascript though. Thanks for pointing that out. I will tweak it in the morning and hopefully we will both be singing "another one bites the dust" :)...

Thanks for taking a look,
Sarb

sarb
11-06-2008, 08:15 PM
You are the BOMB! I made the changes you suggested and I can now view it in both IE and FF.

Thank you for your time and help.

Start singing :).

Sarb

sarb
11-07-2008, 11:25 AM
Hi,

How exactly can you find out what the size of the movie is? I have a second video that was sent to me that doesn't work on ie either. It does have the height and width typed in this time, so I'm wondering if maybe they are just not correct and that's why they aren't appearing in IE. When I substituted the size for NaN in the other file, that fixed the IE problem.

Thanks,
Sarb

Eye for Video
11-07-2008, 02:01 PM
Do you mean the dimensions of the screen (width, height)? Well for your movie I was just guessing, according to the space on your Web page it seemed like it should have been about 200 px wide.
Can you play the new video at all? Are you sure it's good? Is it a green screen shoot like the first one (no background)? A second potential issue may be attempting to make the background of the video transparent. Did you intend for the background behind the speaker in "Agnes" to be checkered or was the intent to make the Web page show through? Your very first posts had even for Javascript than the latter posting and I wonder if the intent was not to have a checkered background but a completely transparent one. If there is a way to make that work I would be very interested to know. Can you ask the video producer?
For "Agnes" I just went back and embedded the original video into a Flash document and it says the video was 640 X 480. That's really huge if you only have a 200 wide column to display it in. At over 5MB the viewers are having to download a lot of wasted bits, since the dimension you set on the player will squish that 640 down to 200 or something. The dimensions of the screen should be correctly set when the video is rendered or transcoded. You should not alter the dimensions by squishing or expanding the size of the player.
Do you have access to Flash? A second thing is to just test different sizes I guess and see when picture pixilates. But really, you want the size set to your dimensions by whoever is going the video.
Ahh…the short story or the long…OH boy…I guess it’s the long story then…
Standard res video is shot with a 4:3 aspect ratio, wide screen is 16:9. Some common standard video dimensions would be 640 X 480, 480 X 360, 320 X 240, 160 X 120, all have 4:3 aspect ratio. So if you only have a 200 pixel wide column, use a 200 X 150 screen.
The quality of a video if determined by the bitrate and the bitrate needed for one size video is not the same as for a larger or smaller (screen size) video. Using a standard of 320 X 240, a 400kbps bitrate will give a pretty good quality video. For comparison, YouTube uses about a 250kbps. For that screen size 200kbps and below would be poor quality and 500 and up would be very good quality.
Changing the screen size throws all that out the window. Compare the bitrate to painting a room, small room, small amount of paint, large room, large amount of paint or bits requires to cover that large screen.
The file you were working with was 640 X 480. It would require a bandwidth 4 times as large as the 320 screen, meaning if a bitrate of 400kbps is good for a 320, it would require 1.6Mbps for the same quality on a 640 screen. Nobody is using that much bandwidth to deliver video over the Internet. In fact, by the time you get 500kbps and up, it starts being a real problem for many people to download. That’s one reason I had problems downloading your file the first time (play, buffer, play, buffer), pretty large bitrate but actually no where near large enough to produce a high quality video on a 640 wide screen.
Using a 200 X 150 screen would only require one tenth the bitrate of the large screen. You could greatly improve the quality of your video by reducing the screen size and matching the bitrate, (even 200kbps would be fine) for the smaller screen.
OK… that may be more than you wanted to know….but then again, you may find it helpful.
EfV

sarb
11-11-2008, 12:49 PM
Wow, you really know your stuff and my brain is starting to seize just reading it :).


Do you mean the dimensions of the screen (width, height)?


I am assuming it is the width of the screen (but not really sure). This is the code he provided me that contains the width and height values on this video:

<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" width="720" height="480" id="player" ALIGN="">

When I changed the values on the smaller video from "NaN" to an actual number value, it finally appeared in both IE and FF. This larger file does contain the actual values, but won't appear in IE. I just tried changing the values to width="640" height="480", but still not showing up in IE. Not sure why, it worked with the first video...

can see page at http://www.naturalwavesprogram.com/player_0.html

I won't be trying to insert this into a small column as I did earlier, but will have it placed so that it will appear above the whole page (hope that makes sense).


Can you play the new video at all?

It is playing in FF but not IE


Is it a green screen shoot like the first one (no background)? A second potential issue may be attempting to make the background of the video transparent. Did you intend for the background behind the speaker in "Agnes" to be checkered or was the intent to make the Web page show through?

Ok, what he is trying to accomplish is to have a transparent background. He wants Agnes to appear and walk across the page to point out the form and to ask the guest to complete the form that appears on the front page.
I am going to see if I can do this using CSS, but trying to fix the kinks in the video first.


Do you have access to Flash?

No

Here is the actual code for this video.

document.write('<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" width="640" height="480" id="player" ALIGN="">');
document.write('<PARAM NAME="movie" VALUE="player_0.swf" />');
document.write('<PARAM NAME="FlashVars" VALUE="xmlSrc=player%5F1%2Exml" />');
document.write('<PARAM NAME="quality" VALUE="high" />');
document.write('<PARAM NAME="bgcolor" VALUE="0" />');
document.write('<PARAM NAME="wMode" VALUE="transparent" />');
document.write('<EMBED src="player_0.swf" FlashVars="xmlSrc=player%5F0%2Exml" quality=high bgcolor="0" wMode="transparent" WIDTH="720" HEIGHT="480" NAME="player" ALIGN="" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" /></OBJECT>');

Eye for Video
11-12-2008, 11:18 PM
OK, well that makes sense. I am very interested in that facet of your project because I am trying to accomplish the same thing.
So I’ll throw out my two cents worth and maybe we can collaborate on a solution.
Coming from a background in video production, I don’t (yet) know of any way to get rid of the default background in video production. That means when you create a video, by default, there will always be a background screen size, set by your video dimensions with either a 4:3 ratio or 16:9 ratio. I know of no way to place content onto a video timeline without there being a predefined background to place that content on. Even green screen shoots use a green screen as the background, set at 720 X 480 non-square pixels, NTSC, PAL, or whatever you are using. There is always a backdrop to place the video, audio, titles, and images on. Even a video with no video and only audio will have a black square where the video would have been.
So why include all the
<PARAM NAME="wMode" VALUE="transparent" />
This only affects the player (the .swf) of the video, not the actual video (the .flv). Far as I know there is always a black rectangle which is behind every video.
But I really want to find a way around that! So I’m really supporting you in this endeavor.
The solution presented so far seems to mostly address (through JavaScript in other code) making the background of the PLAYER transparent. I don’t know how to make the video background disappear but I’ll throw in a few other options.
For example, if Agnes was an animation, set on a Flash document with no background, she could walk across the page, no problem (VALUE="transparent"), because that document is not a Flash video (.flv) but a .swf.
Second choice, green screen her and then place her against a solid background of the same color as the background of your Web page. Use that video up in the corner like your previous video.
But really, I’d rather help you guys figure out another way…
EfV