HTML elements over the video

jlz · Postby **jlz** » 13 Jul 2009 12:23

Hello everybody

I supose this question is not new, but...

is it posible show html elements over the video element on a web page?

For example.

Code: Select all

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>Test page</title>
</head>
<body>
<h1 style="position: absolute; top: 0px; opacity:0.7;"> Hello 1</h1>
<h1 style="position: absolute; top: 20px; background-color:#f00; opacity:0.5;"> Test text  1 </h1>
<h1 style="position: absolute; top: 25px; background-color:#00F; opacity:0.1;"> goodbye 1</h1>

<embed id='video' 
	width="425" height="350" 
	type="application/x-vlc-plugin"
	style="position: absolute; top: 60px; left: 20px; opacity:1; background-color:#F00;" 
	target="file://c:/mymovie.mpg" 
	allowfullscreen="true" 
	allowScriptAccess="always" 
/>

<h1 style="position: absolute; top: 325px; opacity:0.7;"> Hello 2</h1>
<h1 style="position: absolute; top: 350px; background-color:#f00; opacity:0.5;"> Test text 2</h1>
<h1 style="position: absolute; top: 355px; background-color:#00F; opacity:0.1;"> goodbye 2</h1>
</body>
</html>

I was hoping that the video was between the two sets of H1 tags, this is, over Hello 1 and below Hello 2. But the video is over all.

Operating systems : Windows XP
VLC version : 0.9.9 (the 1.0.0 plugin don't run)
Browser : Firefox 3.5

any suggestions?

The VideoLAN Forums

HTML elements over the video

HTML elements over the video

Who is online