      *  @playerversion AIR 1.5
      *  @productversion Flex 4
      */
-    public var volumeBar:Range;
+    public var volumeBar:VideoPlayerVolumeBar;
     
     //--------------------------------------------------------------------------
     //

     *  @playerversion AIR 1.5
     *  @productversion Flex 4
     */
    public var fullScreenButton:Button;
    
    [SkinPart(required="false")]
    

    /**
     *  @private
     */
    private function videoElement_volumeChangedHandler(event:Event):void
    {
        if (volumeBar)
            volumeBar.value = volume;
        
        dispatchEvent(event);
    }
    
    /**
     *  @private
     *  Indicates whether we are in the full screen state or not.
     *  We use this when determining our current skin state.
     */
    private var fullScreen:Boolean = false;
    
    /**
     *  @private
     */
    private function fullScreenButton_clickHandler(event:MouseEvent):void
    {
        if (!fullScreen)
        {
            // TODO (rfrishbe): What should we do on full screen?
            fullScreen = true;
            invalidateSkinState();
            includeInLayout = false;
            setLayoutBoundsSize(stage.fullScreenWidth, stage.fullScreenHeight);
            videoElement.mx_internal::videoPlayer.smoothing = false;
            videoElement.mx_internal::videoPlayer.deblocking = 0;
            validateNow();
            stage.displayState = StageDisplayState.FULL_SCREEN;
            stage.fullScreenSourceRect = new Rectangle(0, 0, width, height);
            stage.addEventListener(FullScreenEvent.FULL_SCREEN, fullScreenEventHandler);
        }
        else
        {
            stage.displayState = StageDisplayState.NORMAL;
        }
    }
    
    private function fullScreenEventHandler(event:FullScreenEvent):void
