Código de CSS - Poner un vídeo de youtube encima de una imagen

Pos: 2

Val: 624

Ha mantenido su posición en CSS (en relación al último mes)

Poner un vídeo de youtube encima de una imagen

CSS

(6)

Publicado el 22 de Octubre del 2015 por Xve (294 códigos)

16.014 visualizaciones desde el 22 de Octubre del 2015

Este código posiciona un vídeo de youtube encima de una imagen de un monitor, simulando que el vídeo se emite desde una pantalla dentro de la web.

youtube-over-image

Este código lo he desarrollado para contestar una pregunta del foro de HTML.

Versión 1.0
(6)

Publicado el 22 de Octubre del 2015

gráfica de visualizaciones de la versión: Versión 1.0

16.015 visualizaciones desde el 22 de Octubre del 2015

Si alguno de los archivos de descarga no funciona, comentanos aquí el error.

Comentarios sobre la versión: Versión 1.0 (6)

javier

10 de Octubre del 2016

Buena idea.

Responder

SharkGalicia

18 de Diciembre del 2016

Saludos Cordiales . . . Llevaba un Tiempo Intentando Implementar Justo lo que Aquí Comentan en las Entradas de uno de los Blogs que Administro .

Lo he Intentado de Todas las Formas Posibles Utilizando su Código y no he Conseguido que se Muestre Cómo en la Imagen Superior

Les Agradecería una Ayuda ya que Desconozco que Estoy Haciendo Mal

Un Saludo . . . Gracias

Responder

TopoLis54

16 de Febrero del 2021

Mira este código , creo que te puede valer.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>Documento sin título</title>

</head>

<body>

</body>

<video

        controls

        preload="auto"

        poster="https://buzgrw.ch.files.1drv.com/y4mQ9ooV58DjDPumn0svK30bwzcihzwm-J7cH3nIW8FpxnIGW0F3FEhIskGMz29o5c9cfc9WTPF8ZliSisUSYAyPx1lfPGst3Y_7rHUcN7xuT-i7C05gJHuj4DhtTpYQY4Y7LKegGr_BR3rgLbIXjDhCdrWdCIYhOcQI7xKJlHlotJnUNuXR3H235MjNLhqaY_8o9ym1JkFhhR5R4L9oFy8AA/ChicaEnRosa.gif?psid=1"

        data-setup='{ "fluid": true }'

        <source

          src="https://onedrive.live.com/download?resid=89B512DD4A7B7939%2115531&authkey=AEOEq3s010V3eG8"></video>

</html>

Responder

Fernando Vega

15 de Abril del 2017

funciona a la perfeccion, mucgas gracias

Responder

JA++

30 de Junio del 2017

Genial... excelente aporte...

Responder

Gerardo

20 de Junio del 2018

Como colocar una imagen encima de un video como el logo por ejemplo en una etiqueta de video htnl5

Responder

Comentar la versión: Versión 1.0


Nombre

Correo (no se visualiza en la web)

Valoración

Comentarios...

CerrarCerrar

Es necesario revisar y aceptar las políticas de privacidad

Acepto las políticas de privacidad

http://lwp-l.com/s3316

Centrar un texto vertical y horizontal dentro de un div

Animación en CSS3 que muestra como inclinar el logo de izquierda a derecha mientras esta el ratón encima

Código de CSS - Poner un vídeo de youtube encima de una imagen

Versión 1.0(6)

Comentarios sobre la versión: Versión 1.0 (6)

Comentar la versión: Versión 1.0

Tienes que ser un usuario registrado para poder insertar imágenes, archivos y/o videos.

Versión 1.0
(6)