CSS video in an image?

Hi,

I wanted to use the jewerong (dunno how to spell it lol) the FLV media player. but i want it in the middle of a html page with one image surrounding it say like a living room with a tv and the video player is in the tv. how would i do this using this pic: http://www.djshownorth.co.uk/gallery/showtime/images/img_9650.jpg and the video player being on one of the screens.

thanks

 

There is an easy way to do this. Below is a CSS code that defines the area with the image.

Code:

.event-screen {
 background: url(http://www.djshownorth.co.uk/gallery/showtime/images/img_9650.jpg) no-repeat;
}

Now you have the picture you mentioned as a background. Now you can put any other objects such as the JeroenWijering FLV Player in the foreground, as below.

Code:

<table class="event-screen" width="640" height="427"><tr><td>

<!-- PLAYER CODE GOES HERE -->

</td></tr></table>