Hola amigos/as programadores/as (en especial Daniel y Charly) hoy les mostraré como colocar un vídeo, alguna imagen o algún código html al iniciar y cargar nuestra página, osea ponerlo hasta arriba, sobre toda la página y demás.
Requerimos la librería jquery.js, la hoja de estilos shadowbox.css y el JavaScript shadowbox.js, y en el siguiente código escribiremos en html lo que deseamos mostrar (en nuestro caso un vídeo) entre las etiquetas «
» y ««:[html]
<link href="shadowbox-3.0.3/shadowbox.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="shadowbox-3.0.3/shadowbox.js"></script>
<script type="text/javascript"> Shadowbox.init({ language: "es", players: [‘img’, ‘html’, ‘iframe’, ‘qt’, ‘wmp’, ‘swf’, ‘flv’] }); </script>
<script type="text/javascript">
$(document).ready(function(){
setTimeout(function() {
Shadowbox.open({
content: ‘<div><iframe src="http://player.vimeo.com/video/65875300?autoplay=1" width="500" height="281" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe></div>’,
player: "html",
title: "Oferta",
width: 500,
height: 281
});
}, 50);
});
</script>
[/html]
Codigo Fuente y librerias colocar video sobre pagina web
Pd00: El vídeo comenzará a reproducirse automáticamente.
Pd01: Es puro html y JavasSript(jQuery) por lo tanto solo descomprimen (*.7z) y ejecutan index.html
No lo hice yo porque no tengo Dreamweaber y como que se me revuelve el estomago ver tanto HTML junto XD.
Buen codigo saludos.
«Dreamweba» es para débiles que usan «flash» y «netbeans».
Espero les haya servido el código 🙂
Que tal, me sirvió un buen tu codigo, muchas gracias. Solo tengo una duda, que codigo le puedo agregar para que solo se abra la primera vez y que no te vuelva a salir cada vez que tengas que regresar al inicio. Muchas gracias de verdad (Y)
Claro que se puede pero para ello ya deberías de trabajar con sesiones de php. Saludos y gracias 🙂
hola ocupando esta pregunta, en que parte modifico con las variables de sesión (teniendo en cuenta que ya las tengo). por cierto fue de mucha ayuda.