F4v in IE 7 fails - no metadata?

Question

Hey all -
I'm having trouble with my new player in IE 7 (it works great in all other browsers, of course).
It seems that in IE 7, it is waiting until the full file downloads in order to get metadata; what this means is that the player itself is not built until after the video fully loads, since it's pulling width and height from the file.
However, f4vs don't seem to work at all. The video player is never built, I'm assuming because no metadata is being sent, and the player is built after the metadata is recieved. But I don't know if that's it - there are no errors thrown in the debugging flash player distribution.
Here's a link to the player:
http://www.tribepictures.com/player/player.html?pageVideo=Daniel_Patents_04_06_09.f4v

Answer 1

Here it is - the pertinent code is at the top and at the bottom, the rest is fluff and works fine.  Basically, it's instructed to create the netstream. Then, once the netstream has loaded the file, to pull the metadata. From there, it can build the player and start playing.
package resources{
    import flash.media.Video;
    import flash.net.NetConnection;
    import flash.net.NetStream;
    import flash.display.Sprite;
    import flash.events.MouseEvent;
    import flash.events.KeyboardEvent;
    import flash.events.Event;
    import flash.display.LoaderInfo;
    import flash.display.Stage;
    import flash.display.Shape;
    import flash.geom.Rectangle;
    import flash.display.MovieClip;
    import flash.text.TextField;
    import flash.display.StageDisplayState;
    public class videoPlayer extends Sprite {
        private var ncFLVConnection:NetConnection = new NetConnection();
        private var nsVideo:NetStream;
        private var videoTitle:String;
        private var videoStage:Video;
        private var videoHeight:int;
        private var videoWidth:int;
        private var videoURL:String;
        private var AutoPlay:Boolean;
        private var totalHeight:int;
        private var isPaused:Boolean;
        private var client:Object;
        private var metaDataLoaded:int;
        private var sliderLength:Number;
        private var sliderIncrement:Number;
        private var theLastTime:Number;
        private var videoLength:Number;
        private var sliderStartPoint:Number;
        private var fullyDownloaded:Boolean;
        private var pausedTime:Number;
        private var seeked:Boolean;
        private var startedYet:Boolean;
        public var playBtn:MovieClip;
        public var fullscreenmc_mc:MovieClip;
        public var current_Time:TextField;
        public var total_Time:TextField;
        public var videoTitle_txt:TextField;
        public var orange:Shape;
        public var slider:Sprite;
        public var sliderShape:Shape;
        public var sliderBar:Sprite;
        public var sliderBarShape:Shape;
        public var sliderBounds:Rectangle;
        public var downloadCompleted:Sprite;
        public var downloadCompletedShape:Shape;
        public var videoStageClicker:Sprite;
        public var videoStageClickerShape:Shape;
        public var loading_mc:MovieClip;
        public function videoPlayer():void {
            trace("videoPlayer loaded");
            metaDataLoaded=0;
            theLastTime=0;
            fullyDownloaded=false;
            pausedTime=0;
            seeked=false;
            startedYet=false;
            //FINAL CODE
            videoURL=root.loaderInfo.parameters.pageVideo;
            AutoPlay=root.loaderInfo.parameters.AutoPlay;
            videoTitle=root.loaderInfo.parameters.videoTitle;
            //FOR TESTING, COMMENT OUT OTHERWISE!!!!!!
            //AutoPlay=false;
            //videoURL="personal.flv";
            //videoTitle="test";
            videoTitle_txt.text=videoTitle;
            if (videoTitle_txt.text=="") {
                videoTitle_txt.text="Tribe Pictures"
            setupANetStream();
            centerThatShit(videoTitle_txt);
            videoTitle_txt.y=stage.stageHeight-30;
        private function setupANetStream():Boolean {
            trace("Starting a Net Stream");
            ncFLVConnection.connect(null);
            nsVideo=new NetStream(ncFLVConnection);
            nsVideo.client = new Object();
            client = new Object();
            nsVideo.client=client;
            client.onMetaData=nsMetaDataCallback;
            nsVideo.play(videoURL);
            nsVideo.togglePause();
            return (true);
        private function afterMetaData():void {
            trace("Added to stage");
            loading_mc.stop();
            loading_mc.alpha=0;
            addChild(videoStage);
            centerThatShit(videoStage);
            videoStage.attachNetStream(nsVideo);
            buildControls();
            orangeOutlineMaker();
            buildTheVideoClicker();
            if (AutoPlay==true) {
                nsVideo.resume();
                isPaused=false;
                playBtn.gotoAndStop(3);
                startedYet=true;
                trace("Autoplaying");
            } else {
                isPaused=true;
                playBtn.gotoAndStop(1);
                trace("Not autoplaying");
            playBtn.addEventListener(MouseEvent.MOUSE_DOWN, pauseIt);
            addEventListener(Event.ENTER_FRAME, onEnterFrame);
            stage.addEventListener(KeyboardEvent.KEY_DOWN, pauseItKey);
        private function buildTheVideoClicker():void {
            videoStageClicker = new Sprite();
            videoStageClickerShape = new Shape();
            videoStageClickerShape.graphics.beginFill(0xFFFFFF,0);
            trace(videoStage.width+","+videoStage.height);
            videoStageClickerShape.graphics.lineTo(videoStage.width,0);
            videoStageClickerShape.graphics.lineTo(videoStage.width,videoStage.height);
            videoStageClickerShape.graphics.lineTo(0,videoStage.height);
            videoStageClickerShape.graphics.lineTo(0,0);
            videoStageClicker.addChild(videoStageClickerShape);
            addChild(videoStageClicker);
            videoStageClicker.x=videoStage.x;
            videoStageClicker.y=videoStage.y;
            videoStageClicker.addChild(fullscreenmc_mc);
            fullscreenmc_mc.x=0+videoWidth-20;
            fullscreenmc_mc.y=0+videoHeight-20;
            videoStageClicker.addEventListener(MouseEvent.MOUSE_DOWN, fullScreen);
            videoStageClicker.addEventListener(MouseEvent.MOUSE_OVER, fullScreenIcon);
            videoStageClicker.addEventListener(MouseEvent.MOUSE_OUT, fullScreenIconOut);
            trace("Video Clicker created");
        private function centerThatShit(obj:Object):Boolean {
            obj.y = (obj.stage.stageHeight - obj.height)/2;
            obj.x = (obj.stage.stageWidth - obj.width)/2;
            trace(obj.name+" centered!");
            return (true);
        private function buildControls() {
            totalHeight=videoHeight+playBtn.height+5;
            playBtn.x=videoStage.x;
            playBtn.y=videoStage.y+videoHeight+5;
            total_Time.x=videoStage.x+videoWidth-60;
            total_Time.y=videoStage.y+videoHeight+6.5;
            current_Time.x=videoStage.x+videoWidth-120;
            current_Time.y=videoStage.y+videoHeight+6.5;
            makeDownloadedBar();
            makeTheSlider();
            downloadCompleted.x=slider.x;
            downloadCompleted.y=slider.y;
            trace("Controls built.");
            return (true);
        private function makeDownloadedBar():void {
            downloadCompleted = new Sprite();
            downloadCompletedShape = new Shape();
            downloadCompletedShape.graphics.beginFill(0xFFFFFF,.5);
            downloadCompletedShape.graphics.lineTo(1,0);
            downloadCompletedShape.graphics.lineTo(1,5);
            downloadCompletedShape.graphics.lineTo(0,5);
            downloadCompletedShape.graphics.lineTo(0,0);
            downloadCompleted.addChild(downloadCompletedShape);
            addChild(downloadCompleted);
        private function makeTheSlider() {
            slider = new Sprite();
            sliderShape = new Shape();
            sliderLength=videoWidth-170;
            trace("Slider Length="+sliderLength);
            sliderShape.graphics.lineStyle(1,0xFFFFFF,1,true);
            sliderShape.graphics.lineTo(sliderLength,0);
            sliderShape.graphics.lineTo(sliderLength,5);
            sliderShape.graphics.lineTo(0,5);
            sliderShape.graphics.lineTo(0,0);
            slider.addChild(sliderShape);
            addChild(slider);
            slider.x=videoStage.x+40;
            slider.y=playBtn.y+12.5;
            sliderBar = new Sprite();
            sliderBarShape = new Shape();
            sliderBarShape.graphics.beginFill(0xFFFFFF,.8);
            sliderBarShape.graphics.lineStyle(2,0xFFFFFF,.8,true);
            sliderBarShape.graphics.lineTo(5,0);
            sliderBarShape.graphics.lineTo(5,20);
            sliderBarShape.graphics.lineTo(0,20);
            sliderBarShape.graphics.lineTo(0,0);
            sliderBar.addChild(sliderBarShape);
            sliderBar.x=slider.x;
            sliderBar.y=playBtn.y+5;
            sliderIncrement=((sliderLength-4)/videoLength);
            sliderBounds=new Rectangle(sliderBar.x,sliderBar.y+1,sliderLength,.1);
            sliderBar.addEventListener(MouseEvent.MOUSE_DOWN, seekIt);
            addChild(sliderBar);
        private function orangeOutlineMaker() {
            var orange:Shape = new Shape();
            orange.graphics.lineStyle(2,0xD47200,1,true);
            orange.graphics.lineTo(videoWidth+25,0);
            orange.graphics.lineTo(videoWidth+25,totalHeight+25);
            orange.graphics.lineTo(0,totalHeight+25);
            orange.graphics.lineTo(0,0);
            addChild(orange);
            orange.y=videoStage.y-12.5;
            orange.x=videoStage.x-12.5;
            return (true);
        private function pauseItKey(evt:KeyboardEvent) {
            if (evt.charCode==32) {
                switch (isPaused) {
                    case true :
                        nsVideo.togglePause();
                        isPaused=false;
                        playBtn.play();
                        break;
                    case false :
                        nsVideo.togglePause();
                        trace(nsVideo.time);
                        pausedTime=nsVideo.time;
                        trace(pausedTime);
                        isPaused=true;
                        playBtn.play();
                        break;
        private function pauseIt(evt:Event) {
            switch (isPaused) {
                case true :
                    nsVideo.togglePause();
                    isPaused=false;
                    playBtn.play();
                    break;
                case false :
                    nsVideo.togglePause();
                    trace(nsVideo.time);
                    pausedTime=nsVideo.time;
                    trace(pausedTime);
                    isPaused=true;
                    playBtn.play();
                    break;
        private function fullScreenIcon(evt:MouseEvent) {
            trace("Mouse Screen Over");
            fullscreenmc_mc.play();
            fullscreenmc_mc.alpha=1;
        private function fullScreenIconOut(evt:MouseEvent) {
            trace("Mouse Screen Out");
            fullscreenmc_mc.gotoAndStop(1);
            fullscreenmc_mc.alpha=0;
        private function seekIt(evt:MouseEvent) {
            stage.addEventListener(MouseEvent.MOUSE_UP, playIt);
            seeked=true;
            nsVideo.pause();
            sliderStartPoint=sliderBar.x;
            evt.target.startDrag(false,sliderBounds);
        private function playIt(evt:MouseEvent) {
            trace("MouseUp");
            if (isPaused==false) {
                seeked=false;
                sliderBar.stopDrag();
                sliderBar.x=nsVideo.time*sliderIncrement+slider.x;
                nsVideo.togglePause();
            } else {
                seeked=false;
                sliderBar.stopDrag();
                sliderBar.x=nsVideo.time*sliderIncrement+slider.x;
            stage.removeEventListener(MouseEvent.MOUSE_UP, playIt);
        private function timeCodeIt(currentTime:Number):String {
            var theMinutes:int = new int();
            var theSeconds:int = new int();
            theMinutes=int(currentTime/60);
            theSeconds=int(currentTime%60);
            if (theMinutes<10&&theSeconds<10) {
                return ("0"+theMinutes+":0"+theSeconds);
            } else if (theMinutes>=10 && theSeconds<10) {
                return (theMinutes+":0"+theSeconds);
            } else if (theMinutes<10 && theSeconds>=10) {
                return ("0"+theMinutes+":"+theSeconds);
            } else {
                return (theMinutes+":"+theSeconds);
        private function getTheTime():Number {
            var currentVidTime:Number = new Number();
            currentVidTime=nsVideo.time;
            return (currentVidTime);
        private function fullScreen(event:Event):void {
            trace("full screen clicked");
            if (stage.displayState==StageDisplayState.FULL_SCREEN) {
                stage.displayState=StageDisplayState.NORMAL;
            } else if (stage.displayState == StageDisplayState.NORMAL) {
                stage.displayState=StageDisplayState.FULL_SCREEN;
                fullscreenmc_mc.alpha=0;
        private function onEnterFrame(evt:Event) {
          if (isPaused==false&&seeked==false) {
                var theTime:Number = new Number();
                theTime=getTheTime();
                current_Time.text=timeCodeIt(theTime);
                if (int(theTime)>int(theLastTime)) {
                    sliderBar.x+=sliderIncrement;
                    trace((sliderBar.x-slider.x)/sliderIncrement);
                theLastTime=theTime;
            } else if (isPaused==true && seeked==true) {
                if (sliderBar.x!=sliderStartPoint) {
                    var thePercentage:Number = new Number();
                    thePercentage=(sliderBar.x-slider.x)/sliderLength;
                    current_Time.text=timeCodeIt(thePercentage*videoLength);
                    nsVideo.seek(thePercentage*videoLength);
            } else if (isPaused==false && seeked==true) {
                if (sliderBar.x!=sliderStartPoint) {
                    thePercentage=(sliderBar.x-slider.x)/sliderLength;
                    current_Time.text=timeCodeIt(thePercentage*videoLength);
                    nsVideo.seek(thePercentage*videoLength);
            if (fullyDownloaded==false) {
                downloadCompleted.width=(nsVideo.bytesLoaded/nsVideo.bytesTotal)*sliderLength;
                sliderBounds.width=downloadCompleted.width;
            if (sliderBar.x>=(slider.x+sliderLength)) {
                sliderBar.x=slider.x+sliderLength;
        private function nsMetaDataCallback(mData:Object):void {
            if (metaDataLoaded==0) {
                videoHeight=mData.height;
                videoWidth=mData.width;
                videoLength=mData.duration;
                trace("metaData loaded, height="+videoHeight+", width="+videoWidth);
                videoStage=new Video(videoWidth,videoHeight);
                videoStage.name="Player";
                total_Time.text=timeCodeIt(mData.duration);
                trace("Creating a "+videoWidth+"x"+videoHeight+" player for "+videoURL);
                current_Time.text="00:00";
                //recurrsion prevention
                metaDataLoaded+=1;
                afterMetaData();