# Insegrating graphics with externally loaded video

**URL:** <https://forum.kirupa.com/t/insegrating-graphics-with-externally-loaded-video/301825>\
**Category:** flash\
**Created:** [December 16, 2009, 12:43pm UTC](https://forum.kirupa.com/t/insegrating-graphics-with-externally-loaded-video/301825 "2009-12-16T12:43:19Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![m00nb00ts](https://avatars.discourse-cdn.com/v4/letter/m/3bc359/32.png) [@m00nb00ts](https://forum.kirupa.com/u/m00nb00ts)\
**Post date:** [December 16, 2009, 12:43pm UTC](https://forum.kirupa.com/t/insegrating-graphics-with-externally-loaded-video/301825/1 "2009-12-16T12:43:19Z")

</div>

I have a six minute video loading into my flash project.  
It is too large to import directly into the timeline.

I want to display graphics and text underneath at key points and have considered using a timer to tell the graphics when to become in/visible.

I’m sure there is a bettere way of doing it than the code I have below, as the timer will start on frame enter won’t it and if the video takes a while to load the timer will be out of sync.

I’m guessing I should be preloading the video anyway but not quite sure how to do it.

```auto
var timer:Timer = new Timer(15000, 1);
    timer.addEventListener(TimerEvent.TIMER, blah);
     timer.start();
    
var timer2:Timer = new Timer(20000, 1);
    timer2.addEventListener(TimerEvent.TIMER, blah2);
     timer2.start();
    
 textOne.visible=false;

function blah(e:TimerEvent):void{
    textOne.visible=true;
}
function blah(e:TimerEvent):void{
    textOne.visible=true;
}

```

Can anyone give me any tips or advice on how to best do this?