Load image after video finishes playing

3 posts | return to the JavaScript Interaction forum | get the rss feed for this thread

Nov. 05, 2009Chris Blair

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

Nov. 05, 2009Chris Blair

Oops..forget the page link:

www.videomi.com/port_video_healthcare.htm

Chris

Nov. 06, 2009hobbs

 
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', {'file':'http://videomi.com/videos/Deac_Heart_Hospital_HD_H264.mp4', 'image':'http://videomi.com/videos/Deac_Heart_Hospital_HD_H264.jpg'}); player.sendEvent('PLAY','true'); return true">

Adjust the image URI to yours.

Add a reaction

You can also return to the category or try this search for related threads.

Your name *

Supported codes:

 

submit