{"id":28904,"date":"2021-06-03T14:33:00","date_gmt":"2021-06-03T11:33:00","guid":{"rendered":"https:\/\/themewp.inform.click\/?p=28904"},"modified":"2021-10-17T16:30:03","modified_gmt":"2021-10-17T13:30:03","slug":"como-obtener-miniaturas-de-videos-de-youtube-vimeo-y-dailymotion","status":"publish","type":"post","link":"https:\/\/themewp.inform.click\/es\/como-obtener-miniaturas-de-videos-de-youtube-vimeo-y-dailymotion\/","title":{"rendered":"C\u00f3mo obtener miniaturas de videos de YouTube, Vimeo y Dailymotion"},"content":{"rendered":"<p>\u00bfEst\u00e1 buscando obtener la miniatura de los videos de YouTube, Vimeo y Dailymotion? Estos 3 son los sitios web para compartir videos m\u00e1s populares en Internet. Cada una de estas plataformas permite a los usuarios obtener la miniatura del video de sus videos. En este art\u00edculo, vemos c\u00f3mo obtener la miniatura usando la URL del video de estas plataformas.<\/p>\n<p>Cuando integra una galer\u00eda de videos en los sitios web, debe mostrar las miniaturas de los videos. Y luego, al hacer clic en la miniatura, deber\u00eda reproducirse un video relacionado. No se recomienda incrustar videos con una etiqueta iframe. Se necesita mucho ancho de banda de un servidor y aumenta el tama\u00f1o de la p\u00e1gina.<\/p>\n<p>Voy a escribir un c\u00f3digo que obtenga la miniatura del video a trav\u00e9s de la URL de un video. Al hacer clic en estas miniaturas, puede reproducir sus videos usando el fancybox o cualquier otra soluci\u00f3n personalizada que prefiera.<\/p>\n<p>Dicho esto, veamos uno por uno c\u00f3mo obtener miniaturas de videos de YouTube, Vimeo y Dailymotion.<\/p>\n<h3>Obtener miniatura de la URL del video de YouTube<\/h3>\n<p>Para nuestro tutorial, supongo que est\u00e1 pasando la URL del video para obtener la miniatura de un video. En el caso de YouTube, existen varios tipos de URL v\u00e1lidas disponibles. A continuaci\u00f3n se muestran las URL v\u00e1lidas del video de YouTube:<\/p>\n<ul>\n<li><a href=\"https:\/\/youtu.be\/VIDEO_ID\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">https:\/\/youtu.be\/VIDEO_ID<\/a><\/li>\n<li><a href=\"https:\/\/www.youtube.com\/embed\/VIDEO_ID\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">https:\/\/www.youtube.com\/embed\/VIDEO_ID<\/a><\/li>\n<li><a href=\"https:\/\/www.youtube.com\/watch?v=VIDEO_ID\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">https:\/\/www.youtube.com\/watch?v=VIDEO_ID<\/a><\/li>\n<\/ul>\n<p>El siguiente m\u00e9todo extrae la identificaci\u00f3n del video de cualquiera de los formatos de URL anteriores.<\/p>\n<pre><code>&lt;?php\nfunction extractVideoID($url){\n\u00a0\u00a0\u00a0\u00a0$regExp = \"\/^.*((youtu.be\/)|(v\/)|(\/u\/w\/)|(embed\/)|(watch?))??v?=?([^#&amp;?]*).*\/\";\n\u00a0\u00a0\u00a0\u00a0preg_match($regExp, $url, $video);\n\u00a0\u00a0\u00a0\u00a0return $video[7];\n}\n?&gt;<\/code><\/pre>\n<p>Una vez que extrajo la identificaci\u00f3n del video de la URL, puede obtener f\u00e1cilmente una miniatura del video usando el siguiente m\u00e9todo:<\/p>\n<pre><code>&lt;?php\nfunction getYouTubeThumbnailImage($video_id) {\n\u00a0\u00a0\u00a0\u00a0return \"\/\/i3.ytimg.com\/vi\/$video_id\/hqdefault.jpg\";\n}\n?&gt;<\/code><\/pre>\n<p>Aqu\u00ed, obtenemos la miniatura predeterminada con <code>hqdefault.jpg<\/code>. Se pueden pasar diferentes valores como <code>0.jpg<\/code>, <code>1.jpg<\/code>para obtener diferentes tama\u00f1os de miniatura.<\/p>\n<p>Entonces, nuestro c\u00f3digo final para obtener la miniatura de la URL del video de YouTube es:<\/p>\n<pre><code>&lt;?php\nfunction extractVideoID($url){\n\u00a0\u00a0\u00a0\u00a0$regExp = \"\/^.*((youtu.be\/)|(v\/)|(\/u\/w\/)|(embed\/)|(watch?))??v?=?([^#&amp;?]*).*\/\";\n\u00a0\u00a0\u00a0\u00a0preg_match($regExp, $url, $video);\n\u00a0\u00a0\u00a0\u00a0return $video[7];\n}\n\u00a0\nfunction getYouTubeThumbnailImage($video_id) {\n\u00a0\u00a0\u00a0\u00a0return \"https:\/\/i3.ytimg.com\/vi\/$video_id\/hqdefault.jpg\"; \/\/pass 0,1,2,3 for different sizes like 0.jpg, 1.jpg\n}\n\u00a0\n$video_url = 'YOUTUBE_VIDEO_URL';\n$video_id = extractVideoID($video_url);\n$thumbnail =\u00a0 getYouTubeThumbnailImage($video_id);\necho \"&lt;img src='$thumbnail' \/&gt;\";\n?&gt;<\/code><\/pre>\n<h3>Obtener miniaturas de los videos de Vimeo y Dailymotion<\/h3>\n<p>Mientras buscaba una soluci\u00f3n para extraer la identificaci\u00f3n de video de las URL de video de Vimeo y Dailymotion, encontr\u00e9 este <a href=\"https:\/\/github.com\/lingtalfi\/video-ids-and-thumbnails\/blob\/master\/function.video.php\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">recurso<\/a>. Us\u00e9 su m\u00e9todo para extraer la identificaci\u00f3n de video de las URL de video de Vimeo y Dailymotion. Este m\u00e9todo admite todos los formatos de URL v\u00e1lidos de los videos de Vimeo y Dailymotion.<\/p>\n<p>En caso de obtener miniaturas de videos de Vimeo, el c\u00f3digo ser\u00e1 el siguiente:<\/p>\n<pre><code>&lt;?php\nfunction getVimeoId($url)\n{\n\u00a0\u00a0\u00a0\u00a0if (preg_match('#(?:https?:\/\/)?(?:www.)?(?:player.)?vimeo.com\/(?:[a-z]*\/)*([0-9]{6,11})[?]?.*#', $url, $m)) {\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0return $m[1];\n\u00a0\u00a0\u00a0\u00a0}\n\u00a0\u00a0\u00a0\u00a0return false;\n}\n\u00a0\nfunction getVimeoThumb($id)\n{\n\u00a0\u00a0\u00a0\u00a0$arr_vimeo = unserialize(file_get_contents(\"https:\/\/vimeo.com\/api\/v2\/video\/$id.php\"));\n\u00a0\u00a0\u00a0\u00a0return $arr_vimeo[0]['thumbnail_small']; \/\/ returns small thumbnail\n\u00a0\u00a0\u00a0\u00a0\/\/ return $arr_vimeo[0]['thumbnail_medium']; \/\/ returns medium thumbnail\n\u00a0\u00a0\u00a0\u00a0\/\/ return $arr_vimeo[0]['thumbnail_large']; \/\/ returns large thumbnail\n}\n\u00a0\n$video_url = 'VIMEO_VIDEO_URL';\n$video_id = getVimeoId($video_url);\n$thumbnail = getVimeoThumb($video_id);\necho \"&lt;img src='$thumbnail' \/&gt;\";\n?&gt;<\/code><\/pre>\n<p>Para los videos de Vimeo, podemos usar 3 valores como thumbnail_small, thumbnail_medium, thumbnail_large para obtener tama\u00f1os de miniatura peque\u00f1os, medianos y grandes respectivamente.<\/p>\n<p>Finalmente, el c\u00f3digo para obtener la miniatura del video de Dailymotion es el siguiente.<\/p>\n<pre><code>&lt;?php\nfunction getDailyMotionId($url)\n{\n\u00a0\u00a0\u00a0\u00a0if (preg_match('!^.+dailymotion.com\/(video|hub)\/([^_]+)[^#]*(#video=([^_&amp;]+))?|(dai.ly\/([^_]+))!', $url, $m)) {\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0if (isset($m[6])) {\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0return $m[6];\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0}\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0if (isset($m[4])) {\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0return $m[4];\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0}\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0return $m[2];\n\u00a0\u00a0\u00a0\u00a0}\n\u00a0\u00a0\u00a0\u00a0return false;\n}\n\u00a0\nfunction getDailymotionThumb($id) {\n\u00a0\u00a0\u00a0\u00a0$thumbnail_large_url = 'https:\/\/api.dailymotion.com\/video\/'.$id.'?fields=thumbnail_360_url'; \/\/pass thumbnail_360_url, thumbnail_480_url, thumbnail_720_url, etc. for different sizes\n\u00a0\u00a0\u00a0\u00a0$json_thumbnail = file_get_contents($thumbnail_large_url);\n\u00a0\u00a0\u00a0\u00a0$arr_dailymotion = json_decode($json_thumbnail, TRUE);\n\u00a0\u00a0\u00a0\u00a0$thumb = $arr_dailymotion['thumbnail_360_url'];\n\u00a0\u00a0\u00a0\u00a0return $thumb;\u00a0\u00a0\u00a0 \n}\n\u00a0\n$video_url = 'DAILYMOTION_VIDEO_URL';\n$video_id = getDailyMotionId($video_url);\n$thumbnail = getDailymotionThumb($video_id);\necho \"&lt;img src='$thumbnail' \/&gt;\";\n?&gt;<\/code><\/pre>\n<p>Espero que comprenda c\u00f3mo obtener la miniatura de los videos de YouTube, Vimeo y Dailymotion. Si est\u00e1 utilizando cualquier otro m\u00e9todo para lograr esto, h\u00e1gamelo saber en la secci\u00f3n de comentarios a continuaci\u00f3n.<\/p>\n<h4>Art\u00edculos relacionados<\/h4>\n<ul>\n<li><a href=\"https:\/\/themewp.inform.click\/es\/obtenga-la-lista-de-videos-de-youtube-por-palabras-clave-usando-la-api-de-busqueda-de-youtube-y-javascript\/\" title=\"Obtenga la lista de videos de YouTube por palabras clave usando la API de b\u00fasqueda de YouTube y JavaScript\">Obtenga la lista de videos de YouTube por palabras clave usando la API de b\u00fasqueda de YouTube y JavaScript<\/a><\/li>\n<li><a href=\"https:\/\/themewp.inform.click\/es\/api-de-youtube-como-obtener-una-lista-de-videos-de-youtube-de-su-canal\/\" title=\"API de YouTube: c\u00f3mo obtener una lista de videos de YouTube de su canal\">API de YouTube: c\u00f3mo obtener una lista de videos de YouTube de su canal<\/a><\/li>\n<li><a href=\"https:\/\/themewp.inform.click\/es\/como-usar-la-api-de-youtube-para-cargar-videos-en-el-canal-de-youtube\/\" title=\"C\u00f3mo usar la API de YouTube para cargar videos en el canal de YouTube\">C\u00f3mo usar la API de YouTube para cargar videos en el canal de YouTube<\/a><\/li>\n<\/ul>\n<p><div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">Fuente de grabaci\u00f3n:  <a target=\"_blank\" rel=\"noopener nofollow\" href=\"\/\/artisansweb.net\" class=\"external external_icon\">artisansweb.net<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"<p>En este art\u00edculo, estudiamos c\u00f3mo obtener miniaturas de videos de YouTube, Vimeo y Dailymotion. Para reducir el tama\u00f1o de la p\u00e1gina debemos usar la miniatura.<\/p>\n","protected":false},"author":1,"featured_media":21640,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[271],"tags":[849],"class_list":["post-28904","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-php-2","tag-affiai-es"],"_links":{"self":[{"href":"https:\/\/themewp.inform.click\/es\/wp-json\/wp\/v2\/posts\/28904","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/themewp.inform.click\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/themewp.inform.click\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/es\/wp-json\/wp\/v2\/comments?post=28904"}],"version-history":[{"count":0,"href":"https:\/\/themewp.inform.click\/es\/wp-json\/wp\/v2\/posts\/28904\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/es\/wp-json\/wp\/v2\/media\/21640"}],"wp:attachment":[{"href":"https:\/\/themewp.inform.click\/es\/wp-json\/wp\/v2\/media?parent=28904"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/themewp.inform.click\/es\/wp-json\/wp\/v2\/categories?post=28904"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/themewp.inform.click\/es\/wp-json\/wp\/v2\/tags?post=28904"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}