Page is a not externally linkable
- Code, Content, and Presentation
-- HTML
---- How to position video over image?

birdbrain - 8:49 pm on Jul 10, 2011 (gmt 0)


Hi there mouloudia,

and a warm welcome to these forums. ;)

Try it like this... 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" 
 "http://www.w3.org/TR/html4/strict.dtd"> 
<html lang="en"> 
<head> 
 
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> 
<meta name="language" content="english">  
<meta http-equiv="Content-Style-Type" content="text/css"> 
 
<title>EVANCE</title> 
 
<style type="text/css"> 
body { 
   margin:0; 
   background-color:#f0f0f0; 
 } 
#container { 
   width:432px; 
   height:614px; 
   padding:86px 0 0 88px; 
   margin:auto; 
   background-image:url(http://i1202.photobucket.com/albums/bb379/mouloudia007/fb001.jpg); 
 } 
#container object { 
   width:330px; 
   height:248px; 
 } 
</style> 
 
</head> 
<body> 
 
<div id="container"> 
 
<object type="application/x-shockwave-flash" data="http://www.youtube.com/v/Ax2zR346yj4? 
fs=1&amp;hl=en_US&amp;rel=0&amp;color1=0xffcc99&amp;color2=0xcc6600&amp;hd=1&amp;border=1"> 
 <param name="movie" value="http://www.youtube.com/v/Ax2zR346yj4? 
fs=1&amp;hl=en_US&amp;rel=0&amp;color1=0xffcc99&amp;color2=0xcc6600&amp;hd=1&amp;border=1"> 
 <param name="wmode" value="transparent"> 
</object> 
 
</div> 
 
</body> 
</html>

birdbrain

Thread source:: http://www.webmasterworld.com/html/4336876.htm
Brought to you by WebmasterWorld: http://www.webmasterworld.com