Order Now AdSolution Sign Up | Login » Bits on the Run Sign Up | Login »

Forums

/

Load image after video finishes playing

2 replies [Last post]

Is there a way to load a preview image AFTER the video finishes playing? We re-working our video demo page so that videos load into an embedded player. When you load the page, we have a preview image of one of the videos that loads, but if a user clicks on various thumbnail images on the page, right now we have it programmed to stop the current video, load the new one, then immediately play it (with a brief buffer time).

I don't want to load a preview image for the 4-5 seconds of the buffer time, but just want an image to load after the movie has finished.

We've accomplished this without any coding by simply adding a 1 frame still image to the end of our video file when we encode it, but I was wondering if there was a way to do it with javascript?

Here's the page so you can see what I'm talking about. The vertical menu to the left doesn't work yet so don't click on it...just the videos.

Thanks for any help here. By the way...I'm NOT a web programmer and have built the page entirely from help here on these forums. So go easy on me if the javascript has issues.

Chris Blair
Magnetic Image, Inc.
Evansville, IN
www.videomi.com

Oops..forget the page link:

www.videomi.com/port_video_healthcare.htm

Chris

 
The player's normal behavior is to display the preview image when the video has completed, so you need to load a preview image URI when you load a new video file.

<a href="#" onclick="player.sendEvent('STOP'); player.sendEvent('LOAD', <strong>{'file':'http://videomi.com/videos/Deac_Heart_Hospital_HD_H264.mp4', 'image':'http://videomi.com/videos/Deac_Heart_Hospital_HD_H264.jpg'}</strong>); player.sendEvent('PLAY','true'); return true">

Adjust the image URI to yours.