Why do my buttons disappear?

hi everyone.

i've been working on as3 script control flvplayback component.  i'm close making work.  let me describe want happen.

 

on homepage have div container video located. want still image of video load play button on it.  upon mouse on want button change colors, upon mouse click want video play.

 

i have .fla project i'm working.  i've got flvplayback component, sourced .flv.  i've created button , works.  when click video plays.

 

i have 3 layers.

actions (this top layer)

buttons (has button , progress bar)

assets (only flvplayer)

 

the following as3 set frame1 in actions layer.

 

i'm using flashcs4, as3 , dreamweavercs4

 

here weird issue.

 

#1.  while working in flash.  if publish preview play button load split second , disappear replaced still image.  if click on center of still image play button should be, video play.

 

#2.  if view online.  play buttons never disappear, still image never loads.

 

i'm confused , stumped.

 

here as3 code.  i'm not coder.  i've been researching, cut copying , pasting , trying make work.  appreciated!

 

also can view homepage here if helps.

 

http://www.ftworthfoundation.com/index2.html

 

 

 

import fl.video.*;

import flash.display.*;

import flash.events.event;

import flash.net.urlrequest;

 

// set variables

var flvcontrol:flvplayback = display;

var flvsource:string = "foundation_repair.flv";

 

// add toggle code

function togglehandler(event:mouseevent):void

{

   if( flvcontrol.playing ){

      flvcontrol.pause();

   }else{

      flvcontrol.play();

   }

}

toggle_btn.addeventlistener(mouseevent.click, togglehandler);

 

 

// load image...

var defaultimage:bitmap;

var defaultimagepath:string = "videoscreencapture.jpg";

var defaultimageloader:loader = new loader();

defaultimageloader.load(new urlrequest(defaultimagepath));

 

// determine when show image...

function enterframehandler(event:event):void

{

   // if video stopped on frame 1, show image

   defaultimage.visible = display.playheadtime < 0.2;

   toggle_btn.visible = display.playheadtime < 0.2; 

   pb.visible = display.playheadtime < 0.2;

}

// handle image positioning when loaded...

function defaultimagehandler(event:event):void

{

   // position video...

   defaultimage = event.currenttarget.content bitmap;

   defaultimage.x = display.x;

   defaultimage.y = display.y;

   addchild(defaultimage);

 

   // monitor video

   addeventlistener(event.enter_frame, enterframehandler);

}

defaultimageloader.contentloaderinfo.addeventlistener(event.complete, defaultimagehandler);

 

// load video...

flvcontrol.autoplay = false;

flvcontrol.autorewind = true;

flvcontrol.scalemode = videoscalemode.no_scale;

flvcontrol.source = flvsource;

 

 

thanks everyone.

-drew

as far having button appear, think may adding image above it, can try use addchild toggle_btn right after addchild image.

 

addchild(defaultimage);

addchild(toggle_btn);

 

that should make button switch being on top.

 

as far image never showing up, targeting problem.  how locating files involved relative html page?

More discussions in ActionScript 3

adobe