{"id":29051,"date":"2021-06-03T14:22:00","date_gmt":"2021-06-03T11:22:00","guid":{"rendered":"https:\/\/themewp.inform.click\/?p=29051"},"modified":"2021-10-17T04:27:49","modified_gmt":"2021-10-17T01:27:49","slug":"hur-man-far-miniatyrbild-fran-youtube-vimeo-och-dailymotion-videor","status":"publish","type":"post","link":"https:\/\/themewp.inform.click\/sv\/hur-man-far-miniatyrbild-fran-youtube-vimeo-och-dailymotion-videor\/","title":{"rendered":"Hur man f\u00e5r miniatyrbild fr\u00e5n YouTube, Vimeo och Dailymotion-videor"},"content":{"rendered":"<p>Vill du f\u00e5 miniatyrbilden av videoklippen YouTube, Vimeo och Dailymotion? Dessa 3 \u00e4r de mest popul\u00e4ra videodelningswebbplatserna p\u00e5 internet. Var och en av dessa plattformar till\u00e5ter anv\u00e4ndare att h\u00e4mta videominiatyren av sina videor. I den h\u00e4r artikeln ser vi hur du f\u00e5r miniatyren med hj\u00e4lp av video-URL: n f\u00f6r dessa plattformar.<\/p>\n<p>N\u00e4r du integrerar ett videogalleri p\u00e5 webbplatserna b\u00f6r du visa videominiatyrerna. Och sedan vid klick p\u00e5 miniatyren ska en relaterad video spelas upp. B\u00e4dda in videor med en iframe-tagg rekommenderas inte. Det tar mycket bandbredd f\u00f6r en server och \u00f6kar sidstorleken.<\/p>\n<p>Jag ska skriva en kod som f\u00e5r miniatyren av videon via en video-URL. Om du klickar p\u00e5 dessa miniatyrer kan du spela upp dina videoklipp med hj\u00e4lp av fancybox eller andra anpassade l\u00f6sningar du f\u00f6redrar.<\/p>\n<p>Med detta sagt, l\u00e5t oss se en efter en hur man f\u00e5r miniatyrer av YouTube, Vimeo och Dailymotion-videor.<\/p>\n<h3>Skaffa miniatyrbild fr\u00e5n YouTube Video URL<\/h3>\n<p>F\u00f6r v\u00e5r handledning antar jag att du skickar videon URL f\u00f6r att f\u00e5 miniatyren av en video. N\u00e4r det g\u00e4ller YouTube finns det flera typer av giltiga webbadresser tillg\u00e4ngliga. Nedan visas de giltiga webbadresserna till YouTube-video:<\/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>Metoden nedan extraherar video-id fr\u00e5n n\u00e5got av ovanst\u00e5ende URL-format.<\/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>N\u00e4r du v\u00e4l har extraherat video-id: t fr\u00e5n webbadressen kan du enkelt f\u00e5 miniatyr av videon med hj\u00e4lp av nedanst\u00e5ende metod:<\/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>H\u00e4r h\u00e4mtar vi standardminiatyren med <code>hqdefault.jpg<\/code>. Man kan passera olika v\u00e4rden som <code>0.jpg<\/code>, <code>1.jpg<\/code>f\u00f6r att f\u00e5 olika miniatyrstorlek.<\/p>\n<p>S\u00e5 v\u00e5r sista kod f\u00f6r att h\u00e4mta miniatyrbild fr\u00e5n YouTube-webbadress \u00e4r:<\/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>F\u00e5 miniatyrbild fr\u00e5n Vimeo och Dailymotion Videos<\/h3>\n<p>N\u00e4r jag letade efter l\u00f6sning f\u00f6r att extrahera video-id fr\u00e5n Vimeo och Dailymotion-webbadresser hittade jag den h\u00e4r <a href=\"https:\/\/github.com\/lingtalfi\/video-ids-and-thumbnails\/blob\/master\/function.video.php\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">resursen<\/a>. Jag anv\u00e4nde deras metod f\u00f6r att extrahera video-id fr\u00e5n video-URL: er fr\u00e5n Vimeo och Dailymotion. Denna metod st\u00f6der alla giltiga URL-format f\u00f6r Vimeo och Dailymotion-videor.<\/p>\n<p>Om du h\u00e4mtar miniatyr av Vimeo-videor kommer koden att vara f\u00f6ljande:<\/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>F\u00f6r Vimeo-video kan vi anv\u00e4nda tre v\u00e4rden som thumbnail_small, thumbnail_medium, thumbnail_large f\u00f6r att f\u00e5 sm\u00e5, medelstora och stora storlekar av miniatyrbild.<\/p>\n<p>Slutligen \u00e4r koden f\u00f6r att f\u00e5 miniatyren av Dailymotion-videon f\u00f6ljande.<\/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>Jag hoppas att du f\u00f6rst\u00e5r hur du f\u00e5r miniatyren av YouTube, Vimeo och Dailymotion Videos. Om du anv\u00e4nder n\u00e5gon annan metod f\u00f6r att uppn\u00e5 detta, v\u00e4nligen meddela mig i kommentarsektionen nedan.<\/p>\n<h4>relaterade artiklar<\/h4>\n<ul>\n<li><a href=\"https:\/\/themewp.inform.click\/sv\/skaffa-youtube-videolista-efter-nyckelord-med-youtube-search-api-och-javascript\/\" title=\"Skaffa YouTube-videolista efter nyckelord med YouTube Search API och JavaScript\">Skaffa YouTube-videolista efter nyckelord med YouTube Search API och JavaScript<\/a><\/li>\n<li><a href=\"https:\/\/themewp.inform.click\/sv\/youtube-api-hur-far-jag-en-lista-over-youtube-videor-fran-din-kanal\/\" title=\"YouTube API - Hur f\u00e5r jag en lista \u00f6ver YouTube-videor fr\u00e5n din kanal\">YouTube API &#8211; Hur f\u00e5r jag en lista \u00f6ver YouTube-videor fr\u00e5n din kanal<\/a><\/li>\n<li><a href=\"https:\/\/themewp.inform.click\/sv\/hur-man-anvander-youtube-api-for-att-ladda-upp-video-pa-youtube-kanal\/\" title=\"Hur man anv\u00e4nder YouTube API f\u00f6r att ladda upp video p\u00e5 YouTube-kanal\">Hur man anv\u00e4nder YouTube API f\u00f6r att ladda upp video p\u00e5 YouTube-kanal<\/a><\/li>\n<\/ul>\n<p><div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">Inspelningsk\u00e4lla:  <a target=\"_blank\" rel=\"noopener nofollow\" href=\"\/\/artisansweb.net\" class=\"external external_icon\">artisansweb.net<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"<p>I den h\u00e4r artikeln studerar vi hur man f\u00e5r miniatyr fr\u00e5n YouTube, Vimeo och Dailymotion Videos. F\u00f6r att minska sidstorleken b\u00f6r vi anv\u00e4nda miniatyrbild<\/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":[279],"tags":[850],"class_list":["post-29051","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-php-10","tag-affiai-sv"],"_links":{"self":[{"href":"https:\/\/themewp.inform.click\/sv\/wp-json\/wp\/v2\/posts\/29051","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/themewp.inform.click\/sv\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/themewp.inform.click\/sv\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/sv\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/sv\/wp-json\/wp\/v2\/comments?post=29051"}],"version-history":[{"count":0,"href":"https:\/\/themewp.inform.click\/sv\/wp-json\/wp\/v2\/posts\/29051\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/sv\/wp-json\/wp\/v2\/media\/21640"}],"wp:attachment":[{"href":"https:\/\/themewp.inform.click\/sv\/wp-json\/wp\/v2\/media?parent=29051"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/themewp.inform.click\/sv\/wp-json\/wp\/v2\/categories?post=29051"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/themewp.inform.click\/sv\/wp-json\/wp\/v2\/tags?post=29051"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}