get dimension of video in VideoDisplay

Question

I'm trying to get the dimensions of the videosource in a VideoDisplay:

private function loadMovie () : void {
    vid = new VideoDisplay();
    vid.source = _item.itemLg;
    vid.play();
    vid.addEventListener ( MediaPlayerStateChangeEvent.MEDIA_PLAYER_STATE_CHANGE, onVideoPlay );
    addElement(vid);
}

private function onVideoPlay ( event : MediaPlayerStateChangeEvent ) : void {
    if ( event.state == MediaPlayerState.PLAYING ) {
           trace (vid.videoObject.width + " " + vid.videoObject.height);
    }
}

But the result is always 0.

I got the same result with:

trace (vid.videoObject.videoWidth + " " + vid.videoObject.videoHeight);

Any other idea?

Thanks

Answer 1

I found a solution but I don't know why this works:

import org.osmf.events.MediaPlayerStateChangeEvent;
import org.osmf.media.MediaPlayerState;

import spark.components.VideoDisplay;

private var vid : VideoDisplay;
private var videoLoadCompleteTimer : Timer = new Timer (1, 5);

private function loadMovie () : void {
    vid = new VideoDisplay();
    vid.source = _item.itemLg;
    vid.autoPlay = false;
    vid.addEventListener ( MediaPlayerStateChangeEvent.MEDIA_PLAYER_STATE_CHANGE, onVideoPlay );
          addElement(vid);
}

private function onVideoPlay ( event : MediaPlayerStateChangeEvent ) : void {
    if ( event.state == MediaPlayerState.PLAYING ) {
        videoLoadCompleteTimer.addEventListener(TimerEvent.TIMER_COMPLETE, onVideoStart );
        videoLoadCompleteTimer.start();
    }
}

private function onVideoStart ( event : TimerEvent ) : void {
    trace(vid.videoObject.videoHeight + " " + vid.videoObject.videoWidth);
    vid.play();
    videoLoadCompleteTimer.reset();
}

I think it's a little bit dirty...

Answer 2

I made a try with the READY event, but it works only sometimes. Mostly on the second or third click.

private function loadMovie () : void {
    vid = new VideoDisplay();
    vid.source = _item.itemLg;
    vid.autoPlay = false;
    vid.addEventListener ( MediaPlayerStateChangeEvent.MEDIA_PLAYER_STATE_CHANGE, onVideoPlay );
    addElement(vid);
}

private function onVideoPlay ( event : MediaPlayerStateChangeEvent ) : void {
    if ( event.state == MediaPlayerState.READY ) {
        vid.play();
    } else if ( event.state == MediaPlayerState.PLAYING ) {
        trace ("VidDimensions: " + vid.videoObject.videoWidth + " " + vid.videoObject.videoHeight);
        this.height = vid.videoObject.videoHeight;
        this.width = vid.videoObject.videoWidth;
        vid.move ( -vid.videoObject.videoWidth/2, -vid.videoObject.videoHeight/2 );
    }
}

Answer 3

Assuming its a mx.controls.VideoDisplay, once the video loads you should be able to use:

trace (vid.videoWidth + " " + vid.videoHeight);

Without the videoObject in the middle.

You can also try listening for the ready event, which should fire on successful video load, instead of every time the state changes:

mx.events.VideoEvent.READY