Video Youtube

edgarisrael1992 · #1 (**permalink**) 05/08/2013, 18:52

al colocar mi video youtube dentro mi pag web.
en este no sirve poder ver en pantalla completa. al dar clic ahy... como si nada ubira pasado.
el video youtube se manda a llamar con ajax al dar clic.
tendra que ver la maquetacion ya que al ponerlo en otro el codigo iframe de youtube funciona correctamente(sin ser llamada en ajax)
espero me puedan ayudar.

nota: vimeo si funciona bien!

pzin · #2 (**permalink**) 06/08/2013, 02:11

Pues seguramente se deba a un fallo en la linea #71, donde declaras el... Ah no, que no hay código.

edgarisrael1992 · #3 (**permalink**) 06/08/2013, 06:53

disculpen XD
aca esta el codigo

Código HTML:

Ver original<div id="show_full" style="display:table; width:100%; height:100%; position:fixed; top:0px; z-index:9999; background:url(http://localhost/CodeIgniter_2.1.3/images/trans.png );">
<div class="wrap_cont_lib">
<div class="cerrar">
<a href="#">CERRAR</a>
</div>
<div class="wrap_cont_lib_title">
<h1>
</div>
<div class="wrap_cont_lib_img">
<p>
<ul>
</div>
<div class="wrap_cont_lib_text">
<iframe width="530" height="315" frameborder="0" allowfullscreen="" src="http://www.youtube.com/v/b90kIzK0IxQ">
</div>
</div>
<link type="text/css" rel="stylesheet" href="http://localhost/CodeIgniter_2.1.3/css/programacion/libros_full.css">
</div>

Este codigo no lo pude ver desde codigo fuente. solo con firebug. es el que me genera en ajax.

ESTE ES EL CODIGO FUENTE:

Código HTML:

Ver original<html>
    <head>
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> 
        <meta name="viewport" content="width=device-width, initial-scale=1.0"> 
        <meta http-equiv='X-UA-Compatible' content='IE=8'>
        <title>Java</title>
        <!--[if lt IE 9]><script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
        <link rel="shortcut icon" type=http://localhost/CodeIgniter_2.1.3/image/x-icon href="clic_inteligente.ico"/>
        <link href='http://fonts.googleapis.com/css?family=Orbitron:500,400' rel='stylesheet' type='text/css'>
        <link href=http://localhost/CodeIgniter_2.1.3/css/drop.css rel="stylesheet" />
        <link href=http://localhost/CodeIgniter_2.1.3/css/registro.css rel="stylesheet" />
        <link href=http://localhost/CodeIgniter_2.1.3/css/styles.css rel="stylesheet" type="text/css" />
        <link href=http://localhost/CodeIgniter_2.1.3/css/login.css rel="stylesheet" type="text/css" />
        <link href='http://fonts.googleapis.com/css?family=Prosto+One' rel='stylesheet' type='text/css'>
        <script type="text/javascript" src=http://localhost/CodeIgniter_2.1.3/js/jquery-1.7.1.min.js></script>
        <script type="text/javascript" src=http://localhost/CodeIgniter_2.1.3/js/desple.js></script>
        <script type="text/javascript" src=http://localhost/CodeIgniter_2.1.3/js/ajax_logueo.js></script>
        <script type="text/javascript" src=http://localhost/CodeIgniter_2.1.3/js/modernizr.custom.93772.js></script>
        <script type="text/javascript" src=http://localhost/CodeIgniter_2.1.3/js/login_registro.js></script>
        <!--  header <rel="author" type="text/plain" href="humans.txt"/>   -->
    <link href=http://localhost/CodeIgniter_2.1.3/css/programacion/java.css rel="stylesheet" type="text/css" />
<link href=http://localhost/CodeIgniter_2.1.3/css/programacion/libros.css rel="stylesheet" type="text/css" />
<link href=http://localhost/CodeIgniter_2.1.3/css/main/menu_slider.css rel="stylesheet" type="text/css" />
 
<script src=http://localhost/CodeIgniter_2.1.3/js/menu_segundo_ajax/menu-seleccion.js>  </script>
<script src=http://localhost/CodeIgniter_2.1.3/js/programacion/show_full.js>  </script>
<script type="text/javascript" src=http://localhost/CodeIgniter_2.1.3/js/paginador/jquery-ui-1.8.13.slider.min.js></script>
 
 
 
    </head>
<body>
<div id="fb-root"></div>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/es_ES/all.js#xfbml=1";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
    <div id="blackclear"></div> 
 
<div id='registrarse'>
    
            <form name="form_login" id="form_login" action=http://localhost/CodeIgniter_2.1.3/index.php/session/registrarse method="POST">
            
                                
<h1 id="title" >POR FABOR INGRESE SUS DATOS PARA REGITRARSE</h1><br>
                <label>Nombre:</label>              <input type="text" name="name_registrarse" value="" id="name_registrarse"  /><br>
 
                <label>Usuario:</label>             <input type="text" name="username_registrarse" value="" id="username_registrarse"  /><br>
 
                <label>Email:</label>               <input type="text" name="email_registrarse" value="" id="email_registrarse"  /><br>
 
                <label>Password:</label>                <input type="password" name="password_registrarse" value="" id="password_registrarse"  /><br>
 
                <label>Repita el Password:</label>              <input type="password" name="re_password_registrarse" value="" id="re_password_registrarse"  /><br>
 
                <input type="submit" name="submit" value="Crear Cuenta"  />
                <div id="estado_registro"></div>
 
             </form> 
</div>
 
            <div class='header_login'><div style="text-align:center;" id="box">Datos de usuario
         </div>No ha iniciado Sescion         </div>
                <div id="desple">
               <div style="margin-bottom:2em;">
               <div id="loginBox">
                  <form name="form_login" id="form_login" >
                  <div class="letras">Usuario:</div>
                  <div><input id="username_login" type="text" name="username_login" /></div >
                  <br/>
                  <div class="letras" >Password:</div>
                  <div><input id="password_login" type="password" name="password_login" /></div>
                  <div><br/>
                     <div  id="error_login"></div>
                     <input type="submit" name="submit" value="Entrar" class="botonSubmit"  />                  </div>
                </form>  
               </div>
            </div>
               <div id='regis'  >
               <a href="#" >Registrarse</a>
            </div>      
         </div>
 
 
<!--  header    -->
 
<header>
<div id="barra_superior"></div>
    <div id="head"> 
        <div id="wrap_widgges">
            <div id="widgges">
                <div id="rss"></div>
                <div id="facebook"></div>
                <div id="twitter"></div>        
            </div>
        </div>  
                <div id="logo"></div> 
                <div id="encabezado">
                    <div id="titulo" style="font-family: 'Orbitron', sans-serif;"><b>JAVA</b></div>
                </div>
                <div id="meGusta" ><div class="fb-like" data-href="http://clicinteligente.xtrweb.com/CodeIgniter_2.1.3/" data-send="true" data-layout="button_count" data-width="450" data-show-faces="true"></div></div>
                
    </div>          
</header>
<div id="barra_central"></div>
 
 
<section  style="position:relative; overflow:visible;">
    <section id="container"  >
        <div id="margenes">
                
                <section id="container-left" class="texto">
                    <div id="title-sidebar-1" style="font-size:150%; margin-left:-2em;">Programacion en java</div>
                    <br></br><b><h2>Bienvenido!!</h2></b><p>El lenguaje de programación Java desarrollado por 
                    James Gosling de Sun Microsystems  parecido a C y C++, 
                    Las aplicaciones de Java son generalmente compiladas a bytecode (clase Java) 
                    que puede ejecutarse en cualquier 
                    máquina virtual Java (JVM) sin importar la arquitectura de 
                    la computadora subyacente. Java es un lenguaje de 
                    programación de propósito general, concurrente, 
                    orientado a objetos y basado en clases que fue 
                    diseñado específicamente para tener tan pocas dependencias 
                    de implementación como fuera posible. Su intención es permitir 
                    que los desarrolladores de aplicaciones escriban el 
                    programa una vez y lo ejecuten en cualquier dispositivo 
                    (conocido en inglés como WORA, o "write once, run anywhere"), 
                    lo que quiere decir que el código que es ejecutado en una plataforma no 
                    tiene que ser recompilado para correr en otra. 
                    Java es, a partir del 2012, uno de los lenguajes de programación más populares en uso, 
                    particularmente para aplicaciones de cliente-servidor de web, 
                    con unos 10 millones de usuarios reportados.1 2
 
                e referencia original para los compiladores de Java, máquinas virtuales, y librerías de clases en 1991 y las publicó por primera vez en el 1995. A partir de mayo del 2007, en cumplimiento con las especificaciones del Proceso de la Comunidad Java, Sun volvió a licenciar la mayoría de sus tecnologías de Java bajo la Licencia Pública General de GNU. Otros también han desarrollado implementaciones alternas a estas tecnologías de Sun, tales como el Compilador de Java de GNU y el GNU Classpath.</p>
                </section>
        
                <aside id="container-right" class="menu-java">
                <br>
                    <div id="title-sidebar-2">NIVELES</div><br>  
                        <ul class="texto" style="text-align:left;">
                            <li><b>1.</b>Fundamentos de programacion</li>
                            <li><b>2.</b>Programacion Orientada a objetos</li>
                            <li><b>3.</b>Estructura de datos</li>
                            <li><b>4.</b>Topicos avanzados de programacion</li>
                        </ul>   
                    <br>
                    <div id="title-sidebar-2">MENU</div>
                
                        <br>
                        <ul class="texto">
                            <li class="libros"><a href="#">Libros y Manuales</a></li>  
                            <li class="videotutoriales"><a href="#">Videotutoriales</a></li>  
                            <li class="cursos"><a href="#">Cursos</a></li>   
                            <li class="link"><a href="#">RETOS</a></li>  
                        </ul> 
                        <div id="busqueda"></div>
                        
                        <br>
                        
                        <div id="title-sidebar-2">LOGROS</div>
                            <ul class="texto">
                                <li class="libros"><a href="#">BASICO</a></li>  
                                <li class="videotutoriales"><a href="#">PIENSA EN OBJETOS</a></li>  
                                <li class="cursos"><a href="#">LOGICA EN OBJETOS</a></li>   
                                <li class="link"><a href="#">ESTRUCTURAS COMPLEJAS</a></li>  
                            </ul>   
                </aside>
        </div><!--FIN DE margenes-->
    </section>
    
 
 
 
 
 
<div class="footertext" >
        &nbsp;&nbsp;&nbsp;&nbsp;Sitio web disenado por <a class="footertext" 
        href=http://localhost/CodeIgniter_2.1.3/perfil/perfil.html  >
        Edgar Israel Gonzalez Salgado</a>Copyright Â© Derechos Reservados</div>
        </section>
 
<footer>
    <div id="bar_inf_cen" ></div>
</footer>
</html>

edgarisrael1992 · #4 (**permalink**) 06/08/2013, 06:54

EL CSS

Código CSS:

Ver original.wrap_cont_lib{
    -webkit-box-shadow: 0px 6px 12px  black;
    -moz-box-shadow: 0px 6px 12px  black;
    box-shadow: 0px 6px 12px  black;
    margin-left:-450px; 
    margin-top:-305px; 
    position:absolute; 
    left:50%; top:50%; 
    width:900px; 
    height:600px;
    background:white;
}
/*
.show_full{
display:table; 
min-width:900px;   
width:100%; 
height:100%; 
position:fixed; 
top:0px; 
z-index:9999;
}*/
 
.wrap_cont_lib_title{min-width:900px; min-height:100px; margin:auto; padding-top:5px;}
.wrap_cont_lib_title h1{
font:27px arial;
text-transform:uppercase;
color:#1A7B9F;
}
 
#show_full{
    width:100%; 
    height:100%; 
    position:fixed; 
    top:0px; 
    z-index:9999;
}
 
.wrap_cont_lib_img{display:inline-block; 
margin:auto; vertical-align:top; width:350px; height:470px; background:white;}
 
 
 
.wrap_cont_lib_img ul{
    width:300px;
    background:#F8F8F8;
    text-align:center;
    margin:auto;
}
 
.wrap_cont_lib_img ul li{
height:20px;
padding:3px;
width:230px;
margin:auto;
background:#A0A0A0 ;
}
.wrap_cont_lib_img a{
font:13px arial;
text-decoration:none;
color:#1A7B9F;
}
 
.wrap_cont_lib_img ul li:nth-child(2n){
height:20px;
padding:3px;
width:230px;
margin:auto;
background:white;
}
 
 
.wrap_cont_lib_img p{
color:#696969;
font:16px arial;
}
.wrap_cont_lib_text{display:inline-block; padding-left:10px; padding-right:10px;
width:520px;margin:auto;  height:470px; overflow:auto; background:#F8F8F8;}
.wrap_cont_lib_text p{
color:#696969;
font:15px arial;
}
 
.cerrar{
background:#1A7B9F;
padding-right:5px;
text-align:right;
}
.cerrar a{
 
font:12px arial;
text-decoration:none;
color:white; 
}

Soy nuevo. tal ves una pequeña orientación de lo que podría ser. Muchas gracias :)