In a webpage I need to show a div layer over the flash banner which is not using wmode=transparent setting.
How to solve it?
From what I remember you can shove the div into an <iframe> (perhaps using Javascript so you don't make a mess of your HTML).
Iframes are window objects like flash so they're able to overlay each other.
Related
I have a flash video that is playing in full screen and I want to be able to put an HTML overlay on top of it (with images, links, background, etc.).
I kind of want to do something like this: http://i.imgur.com/LP2cD.jpg
How would I go on doing this?
I don't think it is possible to put image overlay in full screen. http://bit.ly/UuD21S
You can do text though.
You cannot put HTML div over third party flash element, because full screen flash is not swf container stretched to the full screen, but completely new window. If you got multi monitor setup and switch to full screen flash movie, then i.e. on Windows you will new window on you taskbar with Flash icon. So the only way to have something over Flash player is to change the flash player.
You cant do this when the flash player is full screen out side of the browser:
check this link out
" http://www.htmlgoodies.com/beyond/dhtml/article.php/3470521/So-You-Want-A-FullScreen-Browser-Huh.htm#click"
this would be the closest way to go, but it still will be in a window:
So use CSS with HTML to set the flash SWF to the background: try using z-indexValue in CSS when placing your flash div
let us know how you go
I'm working on a website that has rich content displayed in a Unity window. However, this Unity window sits under a navigation menu that has drop-downs, and drop-down menus are going behind the Unity window.
With Flash, this was easily solved by setting the wmode property to transparent. Is there a similar solution with Unity, or a different solution entirely that works and allows me to place standard HTML over the top of Unity windows?
Thanks in advance.
Some related posts on unity forums
http://forum.unity3d.com/threads/22270-Unity-Flash-Div-issue-in-Browser
http://answers.unity3d.com/questions/10599/does-unity-have-an-embed-parameter-equivalent-to-f.html
The answer: there isn't a way to set some equivalent of the flash wmode=transparent but there is a workaround with setting the css visibility:hidden (or resizing to width:1px & height:1px)
So, kind of a hack, but you could set the menu's hover event to change visibility of the unity window as a workaround.
Old post, but this might help someone.
I can get HTML to display over the Unity window in Safari, Chrome, Firefox on my Mac and Windows IE 10 & 11 with a div. I can get it to always display with an iFrame in all windows. The trick with the iFrame is not all browsers support transparent iFrame, so sometimes you will see the iFrame, but not transparent. IE 8 does not support transparency at all and if its set to be on, then the iFrame will not display above the Unity screen.
DIV:
I basically float a DIV over the unity content. Content can be either plain HTML or Flash. Opacity seems to help make it work.
My situation is we have a menu that needs to display over the top part of the Unity window. Note that Unity is NOT in full screen mode, but sits in a Div. Maybe this is why I can do it??
Anyway- the code looks something like this:
<div>
<div><unity object></div>
<div style="position:absolute; opacity:.9">html or flash content</div>
</div>
The iFrame approach works fine for content that is always the same size, but if you have something like a combobox, then its an issue because the window needs to first resize the height to show the drop down, and then the iFrame background will cover all the content. A hack, is to open a SECOND iframe with the combobox. Sucks, but that is the way I had to do it..
hth-
Dustin
I am currently developing a PHP website that has a lot of Flash components. On each page there are one or more custom Flash components embedded with swfObject, as well as sIFR navigation.
Every so often, ALL of the Flash objects on the page become unresponsive to the mouse (no hand pointer). So far I have found it happening only in Firefox 3.5.3 on Mac. I am using CSS to position everything with a specific stacking order to get around the bounding-box overlap issue - for example, the main navigation overlaps the top right corner of a big Flash component.
It works fine most of the time, however, if I click through the pages enough times in Firefox 3 on Mac, eventually I cannot "roll over" any of the Flash elements.
Does anyone know why all the Flash objects in a PHP page would stop responding to the mouse, sIFR included?
Here is the site if you want to give it a try.
This is usually a combination of putting wmode (transparent or opaque) on the Flash movie, which itself is contained in a floated element. Unfortunately it's a browser bug, but removing the wmode property should fix it.
I'm building a Flash banner ad to be displayed on a client's site. When the user hovers over the ad, the Flash movie expands by increasing the height and width of the flash object.
The problem is that the client is using overflow:hidden all over their site, and my banner ad is contained within a div that is styled with overflow:hidden.
When the flash movie expands it gets clipped. This only happens in IE 8, all other browsers (at least IE 7 and FF) do not clip the flash movie. I tried explicitly using wmode=window but that doesn't seem to do anything. Maybe IE 8 is being standards compliant and doing the right thing here, but I just need this to work!
Any ideas on how to get the flash content to expand out of the div without changing the styles (not sure what would happen if I changed the overflow:hidden style on the client's site).
Thanks!
To isolate the banner's style from the rest of the site, you might try putting it in an iframe with a 0px border. The trick is that then the iframe has to big enough to accommodate the expanding flash object.
You cannot do it without changing the style. The way banner ads work is that they use Flash and JavaScript to trigger the change in styles. So you would have two styles, one of the collapse and another for the expanded states, Flash would make the call to the JavaScript and it would change the style.
when the flash object was wider than the DIV and DIV is overflow:hidden to limit the flash object to the sidebar
may embedded flash object still overflowed into the next DIV.
the issue is related to the embedded object and that wmode=”transparent” parameter needs to be included.
<embed
src="your-swf-url-here"
width="xx"
height="xx"
wmode="transparent"
/>
I have a page with a tutorial (http://www.poromenos.org/tutorials/bittorrent/download), but the site layout obscures the flash player, which is too wide. Is there a way to show the flash above the content through the z-order (or something else, lightbox-y)?
You could place IFrame with player- it would be above all page content
I would definitely suggest using a lightbox instead. If you just tried to push it up in the z-index you'll cover navigation which is going to cause you usability issues. I'm a big fan of FancyBox - it's pretty quick-n-easy and it uses jQuery which you are already using. Looking at the download page you can see the details on Inline Content with a Flash example.
Lightbox is a good way. Or you can just add link to the video or optimize player's size.