HTML5 Demostración y EjemplosLenguaje PHP

Buscador de videos con PHP Youtube API KEY

Buscador de videos con PHP Youtube API. De una manera muy interactiva veremos cómo podemos realizar búsquedas en la plataforma Youtube.com desde nuestra página web. En este artículo les dejare la descarga para que ustedes puedan personalizarlo e implementarlo.

¿Cómo funciona el sistema?

Haciendo uso del lenguaje HTML básicamente en un «input» caja de búsqueda. Los usuarios entran y digitan su palabra clave dentro del recuadro, este buscara directamente en YouTube a través de la biblioteca de YouTube Data API V3 y exponer resultados en una lista de videos que nosotros podemos personalizar a medida.

Buscador de videos con PHP Youtube API

Sin embargo, también se validó para que el formulario no vaya vacío al solicitar lista de videos. Ahora, también se configuro la cantidad máxima de resultados que se debe de mostrar.

Se ha añadido la palabra clave de búsqueda y un API Key con la URL de la API de Google.

Buscador de videos PHP YouTube API
Buscador de videos PHP YouTube API

Componentes del sistema

  1. Librerías BootStrap CSS para darle una buena interfaz gráfica a nuestro sistema
<!-- Bootstrap core CSS -->
<link href="dist/css/bootstrap.min.css" rel="stylesheet">
<!-- Custom styles for this template -->
<link href="assets/sticky-footer-navbar.css" rel="stylesheet">
  1. Formulario para buscar videos desde YouTube
    <form id="keywordForm" method="post" action="">
      <div class="form-row align-items-center">
        <div class="col-auto"> Buscar palabra clave: </div>
        <div class="form-row align-items-center">
          <div class="col-auto">
            <input class="form-control mb-2" type="search" id="keyword" name="keyword"  placeholder="Ingrese palabra a buscar">
          </div>
          <div class="col-auto">
            <input class="btn btn-primary mb-2" type="submit" name="submit" value="Busqueda">
          </div>
        </div>
      </div>
      </div>
    </form>
  1. Mostramos los resultados desde YouTube
<div class="video-tile">
        <div  class="videoDiv">
          <iframe id="iframe" style="width:100%;height:100%" src="//www.youtube.com/embed/<?php echo $videoId; ?>" data-autoplay-src="//www.youtube.com/embed/<?php echo $videoId; ?>?autoplay=1"></iframe>
        </div>
        <div class="videoInfo">
          <div class="videoTitle"><b><?php echo $title; ?></b></div>
          <div class="videoDesc"><?php echo $description; ?></div>
        </div>
</div>
  1. Configurar una Api KEY para realizar las búsquedas
$apikey = 'SU API KEY';
$googleApiUrl = 'https://www.googleapis.com/youtube/v3/search?part=snippet&q='.$keyword.'&maxResults='.MAX_RESULTS.'&key='.$apikey;

Pasos para conseguir la clave de YouTube API.

Esta API KEY podemos obtenerlo desde la siguiente URL. Ingresar a la consola de Google y visite https://console.cloud.google.com y acceda a su cuenta de Google.

Les dejo un video para que se guien de como crear nuestra API KEY desde Google

Buscador de videos con PHP Youtube API
Buscador de videos con PHP Youtube API

CONCLUSIÓN

PHP es un lenguaje de programación muy fuerte y hoy lo vemos cómo puede realizar búsquedas en la nube de YouTube, haciendo uso de la función curl_init(); . Por lo tanto puede mostrar resultados dinámicos a través de una búsqueda que parte de un formulario HTML.

Si desean mostrar algunos videos de su canal de YouTube. Esta sería la mejor manera de hacerlo y además darle la oportunidad al visitante de realizar algunas búsquedas de videos.

DESCARGA

Descargar Código Fuente

Nestor Tapia

Bloggero, amante de la programación PHP, innovador y me fascina compartir información. Desde que conocí el entorno informatico y el internet me llamó la atención la programación, Por tal motivo he creado mi blog BAULPHP.COM para compartir mis experiencias con todos ustedes. ¡Gracias por leerme!.

2 comentarios

  1. me parese conocido el codigo por lo menos deviste reducirlo y eliminar archivos k no son nesesarios pero grasias estaba buscando ese codigo simpre para aser una paguina de dedicatorias

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Botón volver arriba
Esta web utiliza cookies propias para su correcto funcionamiento. Contiene enlaces a sitios web de terceros con políticas de privacidad ajenas que podrás aceptar o no cuando accedas a ellos. Al hacer clic en el botón Aceptar, acepta el uso de estas tecnologías y el procesamiento de tus datos para estos propósitos. Más información
Privacidad