<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<script src="https://code.jquery.com/jquery-1.11.3.js"></script>
<style>
#modal{
position:absolute;
width:80vw;
height:80vh;
left:10vw;
top:10vh;
background:rgba(0,0,0,0.7);
}
#close{
color:#FFFFFF;
position:absolute;
top:10px;
right:10px;
}
</style>
<title>Documento sin título</title>
<script>
function abremodal(){ $("body").append('<div id="modal"> <video> <source src="video.ogg" type="video/ogg"\><source src="video.mp4" type="video/mp4">Tu navegador no implementa el elemento</video><div id="close"> Cerrar </div></div>')
$( "#close" ).click(function() {
$("#modal").remove() ;
});
}
</script>
</head>
<body>
<div onclick="abremodal();">abrir</div>
</body>
</html>
<html>
<head>
<meta charset="UTF-8">
<script src="https://code.jquery.com/jquery-1.11.3.js"></script>
<style>
#modal{
position:absolute;
width:80vw;
height:80vh;
left:10vw;
top:10vh;
background:rgba(0,0,0,0.7);
}
#close{
color:#FFFFFF;
position:absolute;
top:10px;
right:10px;
}
</style>
<title>Documento sin título</title>
<script>
function abremodal(){ $("body").append('<div id="modal"> <video> <source src="video.ogg" type="video/ogg"\><source src="video.mp4" type="video/mp4">Tu navegador no implementa el elemento</video><div id="close"> Cerrar </div></div>')
$( "#close" ).click(function() {
$("#modal").remove() ;
});
}
</script>
</head>
<body>
<div onclick="abremodal();">abrir</div>
</body>
</html>
kjjj
<script>
function abremodal(){ $("body").append('<div id="modal"> <video id="mivideo"> <source src="http://previnsa.com/webnueva/supra.mp4" type="video/mp4"\><source src="http://previnsa.com/webnueva/supra.mp4" type="video/mp4">Tu navegador no implementa el elemento</video><div id="close"> Cerrar </div></div>')
document.getElementById('mivideo').play();
$( "#close" ).click(function() {
$("#modal").remove() ;
});
}
</script>
0 comentarios:
Publicar un comentario