27/12/2013, 06:11
|
 | Colaborador | | Fecha de Ingreso: junio-2008
Mensajes: 5.032
Antigüedad: 15 años, 10 meses Puntos: 1012 | |
| Respuesta: como colocar una imagen ensima de un video en mi blog
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" /><!-- CHROME, FF, IE9+ , SAFARI -->
<source src="ogg-video.ogv" type="video/ogg" /><!-- OPERA -->
<a class="vid" href="mp4-video.mp4">Tu navegador no acepta HTML5. ¿Quieres descargarte el vídeo?</a>
</video>
</body>
</html>
Última edición por IsaBelM; 27/12/2013 a las 15:51 |