display and navigate a web page from a flex tab - actionscript-3

i have a flex project that runs in using flash player 11. What i am trying to achive is to have a tab of my project which, when loaded displays a web page within the tab. I do not want to naviagate away from my project but display it within my tab layout. Is this possible? i have found plenty of info on how to do this using air but nothing with regards to my flex project not using air.
thanks

No, this isn't directly possible. The HTML and StageWebView components would do the trick, but they're AIR-only.
What you can do is call a javascript function using ExternalInterface to load your desired web page in an iframe positioned above your Flex area.
See Div above iframe with flash content for more info on putting an iframe above your flash content area.

if you have to do, try to use flex-iframe, but is not a good way to use iframe in flex, it will have many mask problems.

Related

html5 video in a webapp on iPad plays only the first time I load the page. How can I solve?

I have a webapp written in HTML5.
The Home page contains a <video> tag.
The video is correctly played when I load the page for the first time, and if I use controls (pause, play, fullscreen) too.
In order to maintain the webapp always in the fullscreen view, I used only one html page, and when a button (or an anchor) is clicked, I hide the container div (representing the content of the logical "home page"), and show the selected one, when the "home" button is played I show again the original container div.
Originally, the video continued playing when I clicked a button to pass to another virtual page, so I pause it by jquery.
The problem is: only on iPad, when I come back to the first container (that means the home page), the video is no more available, I can't see the poster and the video itself, and the div is black screen.
Some notes I hope could restrict the problem:
The video is statically loaded in a <video> tag and source
attribute.
I've tried to start with an empty src and load it by
jQuery (as explained in many tutorials and in stackoverflow too), it's the same.
The same if I try to create a playlist in
which I select different videos and load the selected one in the
<video> tag using Javascript.
I also tried to reload the page with jQuery, but doesn't work.
The constant beahviours are the following:
Every technique I tried to implement is working well on PC with
Firefox and on the Mac with Safari.
The problem on the iPad appears only when I try to come back to the initial page.
I'm not convinced the problem depends on the technique of show/hide I used, but on the iPad behaviour. I've read some other ways to maintain the webapp in fullscreen view, but apply only to <a> tags (such as this:), I need div stylized as buttons (and managed in jQuery) too.
Thanks if someone can help
I think if you use flowplayer is better it is good implementaton that it work on IPhone and Andriod, it is free.

How can I overlay html elements over my DirectShow application?

I'm working with a DirectShow application that exports as a Firefox plugin for video streaming.
To the best of my knowledge, it seems as though the plugin is being rendered on a separate window from the web page. I'd like to edit the application to allow html elements over the plugin much like flash allows with wmode='opaque' or 'transparent'. Another option that would work is to pass mouse events through the application (such as mouse move and mouse down).
I've been reading up on put_MessageDrain and put_Owner, but I'm not sure how to apply these to the application or if they will work.
I'm also aware that iframe shimming may work, but since I have access to the source code of the application I'd like to add the functionality directly rather than use a work around. Is iframe shimming my best option? It seems like the easiest option.
The application currently uses Windowless mode and is always on top of everything else on the web page.
The way video is displayed with DirectShow video renderers, you cannot make it transparent without providing your own video renderer filter, or custom allocator/presenter object for one of the standard video renderers. DirectShow renderers display video with DirectDraw or Direct3D surface which stands alone from hosting window and is not interacting with host in a way supposed to get you combined picture with transparent video and something else as well.
I've been reading up on put_MessageDrain and put_Owner
These are for Windowed mode, you seem to use Windowless which assumes that you are providing a hosting window and rectangle to cover opaquely. Renderless, the third mode VMR-7/9 and EVR offer you is the one where you provide allocator/presenter and override the presentation.
Windows SDK (for some you might need to look for an older version, not the latest) provides with samples: Renderless, VMR9Allocator, EVRPresenter which demo the renderless mode.

Displaying a DHTML layer over a Silverlight UI

I have a MOSS 2007 publishing site which incorporates some Silverlight components on various pages. Beyond a few areas the rest of the site is SharePoint and ASPX (i.e. standard HTML/javascript).
I'm looking at incorporating a dynamic/dropdown menu to the main navigation. Unfortunately on a few of the pages the menu sits close to a Silverlight area and, when a menu is pulled down it falls "behind" the Silverlight block.
Is there something simple I'm not doing or is there a limitation that Silverlight always be on top of dynamic content displayed via the rest of the HTML DOM?
Any ideas?
-Kevin
In order for Silverlight to appear behind other HTML elements the silverlight plugin needs to run in windowless mode. You can configure that using a param on the object tag.
<param name="windowless" value="true" />
Note that is can degrade performance and is not recommended if you are displaying video or making heavy use of complex animations.
have you tried the CSS property: z-index?

Flash z-index in iframe

so this is a problem:
when I'm using flash on website, and creating some dialog box which should be over all other elements I use just proper z-index for dialog box (in IE6 it's needed to set transparent wmode for flash). But flash programmer don't want to give me flash file and suggested to use iframe linking to his website.
on my website there is iframe
in iframe there is a flash object
when showing dialog box flash is over dialogbox (not depending of z-index and even wmode that I set by firebug)
I can't get touch with flash developer (anyway he sad that flash object will still remain on his website) so maybe you have any solution?
and weird thing:
- on some pc's it's working properly, one some not. what can be the reason?
Because Flash is being rendered by a plugin, I don't think changes made to the wmode property in Firebug will have immediate effect. You'll need to add the wmode="transparent" in the source and reload the page.

HTML pop-up over flex

How can I show an html pop-up over a Flex Web application with out changing the wmode of the swf file?
Thanks
You can't. The way that the Flash plugin and browsers interact prevents it.
See http://kb2.adobe.com/cps/155/tn_15523.html