Video Button Rollover

JavaScript
1

  1. I would like to rollover (onmouseover?) a button that is a video and have the video (button) play. (A 5 sec video that stops at end)

  2. On rolloff (onmouseoff?) the same button I would like it to rewind to the beginning for next rollover.

  3. I would like to add more of these “Video Button Rollovers” to the same website page in the future. I would like to use DreamWeaver CS4, and stay away from flash for more accessibility and less memory intensive overhead. (obviously no control-bar for video)

I have all the parts to this to try a variety of solutions.

-The video is a box with untied string on a white background.

  • When played a person fades-on and ties the string into a bow.
    (white background matches website background)

Parts:

  1. video from untied box to tied box with person .mov
  2. image of first frame of video .jpg
  3. video from untied box to tied box with person to person fade-off and untied box .mov
  4. video of tied box with person to person fade-off and untied box.mov
2

This is not a very good approach IMHO. For starters, you’re not guaranteed that people will have the quicktime plugin (needed to play .mov). The plugin also introduces its own controls, so it will not really blend into the page well.

Flash seems a better solution. Or even an animated GIF, since it’s only 5 seconds long, might be suitable depending on what this bow is like.

3

I can remove the control bar with: controller=“false”
<embed src=“box_full.mov” controller=“false” width=“230” height=“260”/>

I can also re-save the video with a variety of different compression types if that would help like: .flv, .m4v, .f4v, .mp4, etc. . .

Would this improve my chances for this direction,
Thank you for your response,

4

Even without the control bar, you’ll still have the border around it, no?

Regardless of the video compression type, some of your visitors will not have the right plugin installed. The most common is Flash, so FLV or MP4 is the best choice, but then you might as well just use “normal” Flash instead of video embedded in Flash.

5

Any ideas on flash actionscript 3 for controlling/playing video on rollover and rewinding video on rolloff? I made an FLV and imported into flash CS3, no luck yet.

Thanks again,

6

Oh, I don’t think it’s that easy! Better ask your question over in the Flash forum, as I don’t know anything about it.