Skip to main content
I
Incredible_Giggles15A9
Inspiring
May 3, 2007
Answered

Wmode, overflow:hidden, Firefox, help!

  • May 3, 2007
  • 5 replies
  • 583 views
Ok. I have a problem.

I have a video player that I'm creating that can be dynamically sized. The SWF will reside in an absolute-positioned div that has overflow:hidden. The SWF is set to not scale, and the viewable area is clipped by the div's viewable area.

Ok, not a problem.

Then, I wanted to have the SWF be transparent. wmode="transparent", here I come. Ok, that's fine. The SWF can be viewed fine in it's clipped div in both FF and IE.

So now, I want to add the capability of going fullscreen. Ok, apparently fullscreen CANNOT be used with wmode="transparent" or wmode="opaque". Ok, I can live without the SWF being transparent. Bye-bye, wmode parameter.

BUT now, in FireFox, without wmode="transparent" or wmode="opaque", the overflow:hidden is IGNORED for the SWF! The whole damn huge SWF appears regardless of the div's overflow.

Is this a bug? Is there any way around it other than using wmode (and therefore, losing fullscreen capability)?

This is really frustrating - Fullscreen is such a good feature, but all the caveats are making it less and less usable.

Any help is appreciated.
This topic has been closed for replies.
Correct answer Incredible_Giggles15A9
Well, the problem was that I had a very large document area (2000x2000) because I mistakenly thought that the canvas (document size) had to be as large as the largest possible size I would need to use (I am constrained to use noscale for this project for a bunch of reasons).

So anyway, I did figure out a solution. Instead of using 2000 width and 2000 height for my object/embed parameters, I instead used "100%" for both, and then made the canvas size very small (1px). I didn't know before now that the player CAN and WILL display contents outside of the canvas size, as long as "noscale" is set and width/height is set to be 100% of the container it is in.

So, I changed these things and took wmode out of my parameters, and that solved the problem FireFox was having. As long as the canvas size of the flash movie is small, FireFox doesn't ignore overflow:hidden. It was only doing that when the SWF had a large canvas size when wmode wasn't present.

Thanks for your input!

5 replies

N
Newsgroup_User
Inspiring
May 9, 2007
You're welcome - glad you go it sorted out.

--
-------------------------------
Remove '_spamkiller_' to mail
-------------------------------


I
Incredible_Giggles15A9AuthorCorrect answer
Inspiring
May 4, 2007
Well, the problem was that I had a very large document area (2000x2000) because I mistakenly thought that the canvas (document size) had to be as large as the largest possible size I would need to use (I am constrained to use noscale for this project for a bunch of reasons).

So anyway, I did figure out a solution. Instead of using 2000 width and 2000 height for my object/embed parameters, I instead used "100%" for both, and then made the canvas size very small (1px). I didn't know before now that the player CAN and WILL display contents outside of the canvas size, as long as "noscale" is set and width/height is set to be 100% of the container it is in.

So, I changed these things and took wmode out of my parameters, and that solved the problem FireFox was having. As long as the canvas size of the flash movie is small, FireFox doesn't ignore overflow:hidden. It was only doing that when the SWF had a large canvas size when wmode wasn't present.

Thanks for your input!
N
Newsgroup_User
Inspiring
May 4, 2007
> Bye-bye, wmode parameter.

Good good - this is notoriously buggy anyway, and you are better off without
it

> Is this a bug?

Hmm - I'm not sure...

> Is there any way around it other than using wmode (and
> therefore, losing fullscreen capability)?

Sure. why not apply a mask to your stage area, so that only stuff onstage is
visible...

--
-------------------------------
Remove '_spamkiller_' to mail
-------------------------------


I
Incredible_Giggles15A9Author
Inspiring
May 4, 2007
No one? :)
I
Incredible_Giggles15A9Author
Inspiring
May 3, 2007
Here is a sample of the <div> overflow issue. These don't use Fullscreen, but you can see how annoying this is.

http://dev-web1.synacor.com/~lmadar/Flash_Testing/WMODE_BUG/
Terms & ConditionsAccessibility statement
Using the community Terms of use Privacy Cookie preferences Do not sell or share my personal information ad choicesAdChoices