En este tutorial veremos cómo obtener la miniatura de un vÃdeo de YouTube mediante PHP. Veremos cómo obtenerla mediante una caja de texto, en la que el usuario insertará la URL del vÃdeo. Una vez que el usuario haya introducido su URL, se le dará la opción de que pueda descargar la miniatura en los distintos tamaños que ofrece la plataforma. ¿Estás preparado? ¡Pues vamos a ello!
Antes que nada, vamos a definir nuestro diseño. Para ello crearemos un archivo HTML, al cual llamaremos thumbnail.html.
<html> <head> <link href="thumbnail_style.css" type="text/css" rel="stylesheet"/> </head> <body> <div id="wrapper"> <div class="thumbnail_div"> <form method="post" action="get_thumbnail.php"> <input type="text" name="url" placeholder="Enter URL"> <input type="submit" name="get_thumbnail" value="GET THUMBNAIL"> </form> </div> </div> </body> </html>
Como ves, el diseño consta de un formulario web para introducir la URL del vÃdeo de YouTube. Dicho formulario enviará la información al archivo get_thumbnail.php, en donde extraeremos las miniaturas pertenecientes al vÃdeo.
Ahora vamos a crear el archivo PHP, del cual te hemos hablado antes, que se encargará de obtener las miniaturas a partir de la URL del vÃdeo. Lo llamaremos get_thumbnail.php.
<?php if(isset($_POST['get_thumbnail'])) { $url=$_POST['url']; $fetch=explode("v=", $url); $videoid=$fetch[1]; echo '<img src="http://img.youtube.com/vi/'.$videoid.'/0.jpg" width="250"/>'; } ?> // For Thumbnail Quality Type http://img.youtube.com/vi/'.$videoid.'/default.jpg http://img.youtube.com/vi/'.$videoid.'/hqdefault.jpg http://img.youtube.com/vi/'.$videoid.'/mqdefault.jpg http://img.youtube.com/vi/'.$videoid.'/sddefault.jpg http://img.youtube.com/vi/'.$videoid.'/maxresdefault.jpg
En este paso disponemos de la url del vÃdeo de YouTube y obtenemos el id del vÃdeo utilizando la función explode(), para recoger la cadena que hay después de la variable “v” en la URL. Utilizaremos el dominio de almacenamiento de imágenes de YouTube img.youtube.com, y con el ID del vÃdeo, extraeremos la imagen por defecto del vÃdeo con el ID 0, mediante una URL totalmente personalizada. Puedes utilizar también 1, 2 o 3 para distintas miniaturas.
Ahora vamos a darle un poco de estilo a nuestro proyectos mediante un archivo CSS, el cual llamaremos thumbnail_style.css
body { margin:0 auto; padding:0px; text-align:center; width:100%; font-family: "Myriad Pro","Helvetica Neue",Helvetica,Arial,Sans-Serif; background-color:#2C3E50; } #wrapper { margin:0 auto; padding:0px; text-align:center; width:995px; } #wrapper h1 { margin-top:50px; font-size:45px; color:white; } #wrapper h1 p { font-size:18px; } .form_div input[type="text"] { width:380px; height:50px; border-radius:2px; font-size:17px; padding-left:5px; border:1px solid silver; } .form_div input[type="submit"] { width:150px; height:50px; border:none; border-radius:2px; font-size:15px; background-color:#7F8C8D; border-bottom:3px solid #616A6B; color:white; font-weight:bold; }
Y eso es todo, asà es como obtendremos la miniatura de un vÃdeo de YouTube con PHP. Puedes personalizar este código tanto como quieras. Y siéntete libre de compartir tus opiniones en la zona de comentarios de más abajo.
Fuente: talkerscode.com