Flex :: Allowing Mouse Events To Bubble Reliably Through The Youtube Chromeless Player?
Mar 30, 2011
I'm working on a prototype that would require me being able to read and track the mouse movement over a playing youtube video. The basic code to replicate my problem boils down to this simple test case:
Youtube player loads The label on the top right tracks the X coordinate of the mouse The number should update even when moving the mouse over the Youtube player
So far the program behaves as expected when running from the IDE (tested on both FlashDevelop and FlashBuilder) and even when running the file manually from the output folder. But, alas, when I try to run it from anywhere else than the debug folder (be it another location on my computer or up on a webserver), the Youtube player seems to eat the events.
I don't get sandbox security warnings when debugging (thanks to allowDomain("*")) but I'm running out of ideas on why the program fails once you take the file out of the debug folder.
I'm trying to use the Youtube Chromeless Player (the new AS3 version) in a Flex 4-based project. I'm using the examples provided by Google, but I'm not having any luck. The player loads, but it can't be interacted with. I'm receiving repeated security errors just from mousing over the player:
[Code]....
I've been at this for a few hours now, and haven't had any success. I also can't seem to find any working examples online. Is this new player just not compatible with Flex 4?
I'm embedding a youtube chromeless player in to my website via actionscript 3, and I found this code that works fine [code]...
but I need to be able to position the player, and at the moment its anchored to the top left corner, didnt want to play about with the code without knowing what to do, also how easy would it be to add simple controls? play, pause, mute, replay
I'm embedding a video of YouTube by using their chromeless player, stretched and fit to all screen. the player includes by default their logo and it looks so huge so it ruins the graphic.in youtube site, they offer you to replace the original logo with new one - "Powered by Youtube", but they don't explain how to remove the original first.[code]...
Recently I have made a simple flash application that utilizes a webcam feed and an embedded chromeless youtube player within it. I now need to make custom controls around the player but would like to be able to do that in html/css and control it with js/jquery. While I can find material helping me control the chromeless player directly ( as in solo embedded and not part of another flash app ). My question is that since the chromless player is embedded INSIDE of another flash app ( say test.swf ) can I still access the player in there from js?
I am looking for the abilities that Youtube's Chromeless player has to offer but for non-Youtube hosted videos such as Metacafe, Vimeo, Viddler, etc. Abilities I will need are :
[Code]....
Can I use Chromeless player for videos hosted on other sites besides Youtube? If not, is there a solution out there? If not, what languages/APIs would I need use and know to create such an application?
I have implemented chromeless player and so far the necessary controls such as play, pause, change video, mute, unmute all appear to work fine through JavaScript. I now need to send the chromeless player to "Full Screen" mode via JavaScript.
The JavaScript API player includes the full screen button but the chromeless player does NOT; infact; the chromeless player is not supposed to contain ANY button. I therefore need to set full screen mode via JavaScript but could not find any documented method for this.
I tested my skin for YouTube Chromeless player, and seems it worked properly.All graphic elements, including TLFTextFields, are stored in external SWF, all the AS3 code - in loading SWF.I use ProLoader class to load SWF.However, when I tried to attach Player skin code to my Home Page code, I immediately bumped into two issues:
1. TLFTextFields ceased to display proper font;
2. YouTube Chromeless player ceased to enlarge up to Full Screen width in Full Screen mode, whereas all publishing settings were kept the same...
Although I managed to cope with TLFTextField bug by replacing instances with vars in loaded SWF, I have no the slightest idea what to do with those paddings in Full Screen mode... Neither removing all children on stage before loading YouTube Player skin, nor compulsory resetting player's size can't make it work...
bubble events up a class tree for none-ui components.I have a structure like this:Controller Unit of Work Child Unit 1 (Raise Event)I would like to handle the event raised in Child Unit 1 in the Controller. I've tried to set the bubble property to true but I've read that this only works for UI components.Is there a way to enable this for custom classes that are not UI components?
I am trying to Scale the bubbles within the bubble chart. The problem is, I have no control over the data coming in, and the radiusField values are usually below 0 ( no negative values ) with a max of maybe 2.
I created an ItemRenderer for the BubbleSeries, and tried adding a scaleX and scaleY value on the createChildren method, but nothing happens.
What can be the cause of the YouTube player not working (playing, buffering, firing api events) if I don't continuously move the cursor over the player?
I had problems covering videos on Youtube itself but solved that with a design change (don't need to cover them any more).
So I have a script the user can run and it calls a javascript file to do other stuff on the current webpage. One thing it does is bring up a lightbox that covers the page. Of course it won't cover embedded Youtube videos and so I need to do a few changes. I did the necessary changes and it didn't work. I kept trying and trying and eventually made a page with just an embedded video and a .jpg (my script won't run if there are no images).
I looked to see what the Pinterest script added to the embedded video portion and while it was almost identical they did have an autoplay=0 in there so I added it just so I could see for myself that it is exactly the same. If I run the Pinterest script and close it, then run mine, mine works fine. If I run mine, then the Pinterest script, then mine again, mine works. So I believe this means I'm not adding anything that tells the page "Go ahead and put the video on top anyway."
My portion of the script that adds the wmode:
var players = document.getElementsByTagName('embed'); var len = players.length; for(var i=0;i<len;i++){
I'm using the YouTube API in my flex app to play videos and it works fine running on my computer and android, but I'm getting an issue when I try to use it on iOS, I just get a black screen!
My movie targets flash player 10, and I compile it with FlexSDK v 4.51. It compiles and plays with no errors. But if I view the swf in Flash Player 10, some sprites that are set to buttonmode do not show a hand cursor or dispatch MouseEvents. In fact, if I play it in the Flash Player 10 debug player, I get an error:
"VerifyError: Error #1053: Illegal override of z in mx.core.BitmapAsset."
So to fix this, I can switch to using an older SDK, version 4.1. Now the error message is gone, but the mouseover problem persists - now for Flash Player version 10 and 11.
There are no flash 11 specific features used. It should be targetable using flash player 10.
I have determined that the mouse event and the override error are not related. The mouse event error seems to being caused by using filters. and I have found a workaround, by applying the filter to a child object, instead of the parent.
The error thrown above, is getting caused by an embedded bitmap. And it seems like a fix to that is to use flex SDK 4.1. Any reason not to just use the 4.1 SDK? Any way to make 4.5 sdk compatible with Flash player 10?
I have a mobile YouTube API-centric project nearly done. The last view is a component that is a player, naturally, and Flash is not diggin' the security issues at all. Violations ..... And I am passing my developer key in every call too! So what is the deal with simply loading a video into chromeless player on Android that needs my security attention?
I am looking to provide some UI functionality using the mouse- I have two distinct UI events to be achieved via mouse
a) change value b) delete object
I don't seem to have sufficient mouseclick events for both. I am avoiding using the right click as it has some default options(whose signing off will affect the whole project- not just this). I have mouse click used for change value- how do I use the doubleclick as the single-click events seems to get invoked prior?
Is there any way to embed YouTube video/video player into Android Flex AIR Mobile application?
I tried to use SWFLoader(...) but since its MX library class only works on the desktop runtime environment, but fails to work on actual Android device when debugging the application.
Maybe it's possible to embed HTML that contain YouTube video into some Flex media container like TextArea or something?
I'm working on a web app built in Flash AS3. At a high level - the app has a main screen, and several "modal dialog"-type screens that pop-up to manage various user interactions. (This is a similar pattern I use in most of the apps I develop...) Typically - when the user clicks a UI control on the dialog screen (e.g., button, text box, slider bar, etc.) - the main screen needs to react, or manage the consequences. It seems like there are two general ways to handle this: Have the dialog screen dispatch events that the main screen listens for Allow the dialog screen to call functions in the main screen when those controls are clicked (which requires that the dialog screen maintain a reference to the main screen, and that the functions in the main screen are public)
In general - I understand that one of the key benefits of the first method is that the dialog screen isn't so tightly coupled; it's only responsibility is to broadcast the event. This would allow me to more easily use the dialog class in other contexts, or applications. But for many RIAs I develop - a particular screen is SO SPECIFIC to the the application that there's no chance I'd ever reuse it in another application. So, the "easy re-use" benefit is minimal. So - if you eliminate that benefit - which method is actually better? (More performant, less resource-intensive?) For example - if I use events, then Flash needs to manage many listeners for events that may never occur. So - it might be more efficient if the dialog window could call a function in the main screen directly, instead of dispatching an event.
so i was getting people embedding my player to there site and stealing my thunder.. so i changed allow all to my domain and well i cant connected with fme
Right now all the sounds (78 of them) on my guitar play using the roll_over event but that doesn't give the user much control over what sound is played.
The actionscript im using to play my sounds is this;
I want to replicate the standard startDrag/stopDrag events with my own routine to alter things a bit, and I run into some kind of event propagation or bubbling problem. Here is my code:
The problem with this code is that as you drag the object to the right, you will see in the trace that occasionally some random localX values arrive there, resulting in the object jerking from side to side.
I have a base ShapeContainer(UIComponent). I add a uicomponent which has mouse down listener to ShapeContainer. the listener works great. When I add a simple sprite(draw square) on the ShapeContainer, The listener does not work any more. In the code, if I comment below line, The event listener works fine.
im working on:[code]For more detailed comprehension: corner is the black corner with the (i) and 'Promotion', text is some random text that can be displayed in the white remaining space, container contains corner and text, and finally this class contains container!I need to retrieve the event mouseevent.rollover/rollout from corner.And what's wrong?
1. When I put the mask on container (container.rawchildren.addchildren + container.mask = mask) and the dropshadowfilter on container (container. filters = [glow]), I cannot detect the mouse events.
2. When I put the mask on the promopanel (this.rawchildren.addchildren + this.mask = mask) and the dropshadowfilter on promopanel (this.filters = [glow]), I cannot detect the mouse events.
3. When I put the mask in a component and the filter in another, it does not work either.
4. If I remove the mask OR the filter, it works!! But I need them both...
So, does anyone has an idea on how to make this work? I've been trying to look for issues with filters, masks and mouseevents but haven't found anything that could enlighten this issue.
are being masked by the existence of any popup windows. The code is in a component, in the constructor. The component is added to the main application in the block.
How can I get these system generated events to not get stopped by PopUpManager display objects?
I have made a hierarchy in which there is a main page, using add element i have attached a component mxml of type group. There is a single button on main page when clicked it should add children of type group in that group type mxml component along with two buttons. Now using one of buttons i am attaching another component mxml type group. the problem is even they overlap i can still excess the children groups of first group component mxml.
We'd like to have an app autorun when our clients put in our info CD. Is it possible to do this using Adobe AIR... We were thinking of using the Flash Projector cause it compiles to an .exe which is easily launched, but there's no way to get rid of the ugly window chrome is there?
If my understanding of Flex is correct, skins in Flex are just DisplayObjects that are added as children to UIComponents to create the visual representation of the object. But if my understanding of the Flash event model is correct, if there is a non-transparent DisplayObject on top of another, mouse events will go to the topmost DisplayObject. The overlapped DisplayObject won't receive any mouse input.
So how is it that skinned Flex UIComponents work at all?
