hi,

One solution i could think of --> Goto IFrame.mxml and change the
moveIFrame method as public

then in your main application call moveIFrame on scroll Event

For example:

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml";

 layout="absolute" scroll="updateScroll()" xmlns:flexiframe="*" >
 <mx:Script>
       <![CDATA[
               private function updateScroll():void
               {
                       //add 'verticalScrollPosition' to the initial
'y' position of the
'panel'
                      // p1.y=10+verticalScrollPosition
                      exFrame.moveIFrame()
               }
       ]]>
 </mx:Script>
<mx:Panel x="10" y="218" width="250" height="700" layout="absolute">
</mx:Panel>
<mx:Panel id="p1" x="10" y="10" width="250" height="200"
borderThicknessBottom="3"  paddingBottom="0" paddingLeft="0"
paddingRight="0" paddingTop="0" layout="absolute" title="Example "  >
        <flexiframe:IFrame id="exFrame"
                       label="Kd"
                       source="http://www.adobe.com/devnet/flex/";
                       width="100%"
                       height="100%" visible="true"/>

</mx:Panel>


</mx:Application>

On Nov 17, 6:08 am, Kiran Kumar Vasireddy <[email protected]> wrote:
> Dear All,
>
> I am having trouble in displaying youtube videos in my flex application .
> Since the full screen mode is disturbing the video quality , I tried another
> approach using IFrame . Created a HTML with you tube embedded script and
> called it in the Iframe and attached it to the Flex Panel . But the problem
> here is Iframe components is not fixed to panel and it floats on the
> application  , so if I scroll down the application IFrame going out of sync
> with Panel ( even if I fix the Panel also using
> p1.y=10+verticalScrollPosition) . Can any body please throw some light on
> this , I want my video to be fixed always to the panel and should support
> full screen mode without loosing its quality.
>
> My code
>
>     <mx:Panel id="p1" x="10" y="10" width="250" height="200"
> borderThicknessBottom="3"  paddingBottom="0" paddingLeft="0"
> paddingRight="0" paddingTop="0" layout="absolute" title="Example "  >
>         <flexiframe:IFrame x="0" y="0"  id="exFrame"
>                        label="Kd"
>                        source="http://localhost:8080/myApp/myfav.html";
>                        width="220"
>                        height="140"/>
>
>         </mx:Panel>
>
> Thanks
> Kiran

--

You received this message because you are subscribed to the Google Groups "Flex 
India Community" group.
To post to this group, send email to [email protected].
To unsubscribe from this group, send email to 
[email protected].
For more options, visit this group at 
http://groups.google.com/group/flex_india?hl=.


Reply via email to