Lo que quiero es cargar vídeos de youtube mediante botones y jquery ajax. O sea, una especie de galería de vídeos de youtube.
Código:
EJEMPLO DE VÍDEOS QUE QUIERO CARGAR EN #contenedor:<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script> <script> function chargue(div, of){ $(div).load(of, function() { }); } </script> </head> <body> <?php include("conexion.php"); $videos= new Conexion(); $videos->conectar(); $consulta=mysql_query("SELECT * FROM VIDEOS"); while($fila=mysql_fetch_array($consulta)){ $id=$fila["id"]; $urlmin=$fila["urlmin"]; $urlvid=$fila["urlvid"]; $titlevid=$fila["titlevid"]; $titleimg=$fila["titleimg"]; if($fila["id"]<6) {?> <div class='miniaturas2'> <a href='#' class='animabot' onclick="chargue('#contenedor','videos/<?php echo $urlvid ?>');"> <img src='mini/<?php echo $urlmin ?>' width='60' height='34' title='<?php echo $titlevid ?>'/> </a> </div> <?php } else { ?> <div class='miniaturas'> <a href='#' class='animabot' onclick="chargue('#contenedor','videos/<?php echo $urlvid ?>');"> <img src='mini/<?php echo $urlmin ?>' width='60' height='34' title='<?php echo $titlevid ?>'/> </a> </div> <?php }}?> <div id="contenedor"></div>
Código:
<div class="video"> <iframe width="460" height="282" src="//www.youtube.com/embed/F2nKGYYiY?rel=0&showinfo=0&autoplay=1" frameborder="0" allowfullscreen></iframe> </div> <div class="titulo"><span class="titulovideo2">Sunday</span> </div>
El código funciona bien, con una base de datos y peticiones PHP voy cargando la información en los respectivos botones.
Quiero mostrar 12 botones por página.
Lo que quiero es añadir un botón para que muestre los 12 siguientes y luego los 12 siguientes y así sucesivamente. Me gustaría que se cargase mediante jquery ajax.
¿Alguien me echa una mano?