¿Cómo coloco una imagen encima de un video?

norlan30 · #1 (**permalink**) 27/12/2013, 05:13

Hola amigos mi pregunta es como colocar una imagen transparente sobre un video en mi blog . la verdad no entiendo soy novato en esto y me gustaria aprender un poco agrade seria cualquier ayuda en este foro encontré esta informacion :

Código HTML:

<div id="video" class="tab_content" > <div class="transp"></div> <div class="video_trans"> <object width="425" height="350"> <param name="movie" value="video"></param> <param name="wmode" value="transparent"></param> <embed src="video" type="application/x-shockwave-flash" wmode="transparent" width="425" height="350"></embed> </object> </div> </div>
y esto:

Código HTML:

.video_trans{ position:absolute; z-index:5px; margin-top:-10px; } .transp{ position:absolute; width:500px; height:350px; z-index:4; background-image:url(../images/transparencia.png); background-repeat:no-repeat; }
pero no entiendo donde colocar el video o si sirve en un blog de blogger

espero me ayuden

IsaBelM · #2 (**permalink**) 27/12/2013, 06:11

es más sencillo con la etiqueta <video> de html5 que posee el atributo poster

Cita:

<!DOCTYPE html>
<html lang="es-es">
<head>
<meta charset="utf-8" />
<title>Video HTML5</title>
<style type="text/css">
body {
background: rgb(92, 77, 77);
}
video {
border: 4px solid rgb(112, 103, 103);
width: 396px;
height: 296px;
}

.vid {
font: bold 19px Arial;
color: rgb(225, 225, 225);
text-decoration: none;
}
</style>
</head>
<body>
<video poster="portada.png" autobuffer controls preload="auto">
<source src="mp4-video.mp4" type="video/mp4" />
<source src="ogg-video.ogv" type="video/ogg" />
<a class="vid" href="mp4-video.mp4">Tu navegador no acepta HTML5. ¿Quieres descargarte el vídeo?</a>
</video>

</body>
</html>

norlan30 · #3 (**permalink**) 27/12/2013, 14:31

Gracias por responder muy amable
se podrá hacer lo mismo con los vídeos de youtube o de vk?