Overlaying an image on a .mov (embedded on a webpage)

[iostream.h]

I'm not sure if this is even possible, but I have a mask I'd like to use on a .mov source that would be user specified on a webpage. Is there any way I can set a skin for this purpose? Every tutorial I've found online has implied the movie must be saved locally with the skin attached. Even if I could overlay a PNG on top of the .mov it would be fine.

 

[MrSugar]

I'm not sure if this is even possible, but I have a mask I'd like to use on a .mov source that would be user specified on a webpage. Is there any way I can set a skin for this purpose? Every tutorial I've found online has implied the movie must be saved locally with the skin attached. Even if I could overlay a PNG on top of the .mov it would be fine.

It would seem to me that you could use a new <div> with a transparent PNG mask over the quicktime movie. However, I am not overly familiar with video. The problem is Windows IE doesn't support PNG Transparency as of yet (IE 7 will) so you will be blocking the whole video from 90% of the public. You could also consider using a .gif, but the transparency on those is horrible.

 

[iostream.h]

It would seem to me that you could use a new <div> with a transparent PNG mask over the quicktime movie. However, I am not overly familiar with video. The problem is Windows IE doesn't support PNG Transparency as of yet (IE 7 will) so you will be blocking the whole video from 90% of the public. You could also consider using a .gif, but the transparency on those is horrible.

I don't care about anything but Safari, as this will be for a widget.

 

[Benjamin]

well if you just wanna overlay probably z-index would work for the movie in one container and the png overlay in another... idk.. just a thought...

 

[redeye be]

css and its z-index would be your friends indeed, i think.