{"id":25226,"date":"2021-06-03T14:16:00","date_gmt":"2021-06-03T11:16:00","guid":{"rendered":"https:\/\/themewp.inform.click\/?p=25226"},"modified":"2021-10-17T20:28:46","modified_gmt":"2021-10-17T17:28:46","slug":"kuinka-saada-pikkukuva-youtubesta-vimeo-ja-dailymotion-videoista","status":"publish","type":"post","link":"https:\/\/themewp.inform.click\/fi\/kuinka-saada-pikkukuva-youtubesta-vimeo-ja-dailymotion-videoista\/","title":{"rendered":"Kuinka saada pikkukuva YouTubesta, Vimeo- ja Dailymotion-videoista"},"content":{"rendered":"<p>Haluatko saada pikkukuvan YouTube-, Vimeo- ja Dailymotion-videoista? N\u00e4m\u00e4 3 ovat suosituimpia videoiden jakamissivustoja Internetiss\u00e4. Jokaisella n\u00e4ist\u00e4 alustoista k\u00e4ytt\u00e4j\u00e4t voivat hakea videoidensa pikkukuvan. T\u00e4ss\u00e4 artikkelissa n\u00e4emme, miten pikkukuva saadaan n\u00e4iden alustojen video-URL-osoitteen avulla.<\/p>\n<p>Kun integroit videogallerian verkkosivustoihin, sinun pit\u00e4isi n\u00e4ytt\u00e4\u00e4 videon pikkukuvat. Ja sitten napsauttamalla pikkukuvaa, siihen liittyv\u00e4n videon pit\u00e4isi toistaa. Videoiden upottamista iframe-tunnisteella ei suositella. Se vie paljon palvelimen kaistanleveytt\u00e4 ja lis\u00e4\u00e4 sivun kokoa.<\/p>\n<p>Aion kirjoittaa koodin, joka saa videon pikkukuvan videon URL-osoitteen kautta. Napsauttamalla n\u00e4it\u00e4 pikkukuvia voit toistaa videoita k\u00e4ytt\u00e4m\u00e4ll\u00e4 fancyboxia tai muita haluamiasi mukautettuja ratkaisuja.<\/p>\n<p>T\u00e4m\u00e4n j\u00e4lkeen katsotaan yksi kerrallaan, kuinka saada pikkukuvia YouTubesta, Vimeosta ja Dailymotionista.<\/p>\n<h3>Hae pikkukuva YouTube-videon URL-osoitteesta<\/h3>\n<p>Oletamme, ett\u00e4 l\u00e4het\u00e4t videon URL-osoitteen saadaksesi videon pikkukuvan. YouTubessa on k\u00e4ytett\u00e4viss\u00e4 useita erilaisia \u200b\u200bkelvollisia URL-osoitteita. Alla on kelvolliset YouTube-videon URL-osoitteet:<\/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>Alla oleva menetelm\u00e4 poimii videotunnuksen mist\u00e4 tahansa yll\u00e4 olevasta URL-muodosta.<\/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>Kun olet purkanut videotunnuksen URL-osoitteesta, voit helposti saada videon pikkukuvan alla olevan menetelm\u00e4n avulla:<\/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>T\u00e4\u00e4lt\u00e4 haemme oletuskuvan <code>hqdefault.jpg<\/code>. Voidaan v\u00e4litt\u00e4\u00e4 erilaisia \u200b\u200barvoja, kuten <code>0.jpg<\/code>, <code>1.jpg<\/code>saadaksesi erilaisen pikkukuvan.<\/p>\n<p>Joten lopullinen koodimme pikkukuvan saamiseksi YouTube-videon URL-osoitteesta on:<\/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>Hanki pikkukuva Vimeo- ja Dailymotion-videoista<\/h3>\n<p>Kun etsin ratkaisua videotunnuksen purkamiseen Vimeo- ja Dailymotion-video-URL-osoitteista, l\u00f6ysin t\u00e4m\u00e4n <a href=\"https:\/\/github.com\/lingtalfi\/video-ids-and-thumbnails\/blob\/master\/function.video.php\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">resurssin<\/a>. K\u00e4ytin heid\u00e4n menetelm\u00e4\u00e4ns\u00e4 poimimaan videotunnuksen Vimeon ja Dailymotionin video-URL-osoitteista. T\u00e4m\u00e4 menetelm\u00e4 tukee kaikkia kelvollisia Vimeo- ja Dailymotion-videoiden URL-muotoja.<\/p>\n<p>Jos haetaan Vimeo-videoiden pikkukuvia, koodi on seuraava:<\/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>Vimeo-videolle voimme k\u00e4ytt\u00e4\u00e4 3 arvoa, kuten thumbnail_small, thumbnail_medium, thumbnail_large saadaksesi pienet, keskikokoiset ja suuret pikkukuvat.<\/p>\n<p>Lopuksi, koodi saada Dailymotion-videon pikkukuva on seuraava.<\/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>Toivon, ett\u00e4 ymm\u00e4rr\u00e4t, miten saat pikkukuvan YouTube-, Vimeo- ja Dailymotion-videoista. Jos k\u00e4yt\u00e4t jotain muuta menetelm\u00e4\u00e4 t\u00e4m\u00e4n saavuttamiseksi, ilmoita siit\u00e4 minulle alla olevassa kommenttiosassa.<\/p>\n<h4>Aiheeseen liittyv\u00e4t artikkelit<\/h4>\n<ul>\n<li><a href=\"https:\/\/themewp.inform.click\/fi\/hanki-youtube-videoluettelo-avainsanojen-avulla-youtube-hakusovellusliittyman-ja-javascriptin-avulla\/\" title=\"Hanki YouTube-videoluettelo avainsanojen avulla YouTube-hakusovellusliittym\u00e4n ja JavaScriptin avulla\">Hanki YouTube-videoluettelo avainsanojen avulla YouTube-hakusovellusliittym\u00e4n ja JavaScriptin avulla<\/a><\/li>\n<li><a href=\"https:\/\/themewp.inform.click\/fi\/youtube-sovellusliittyma-kuinka-saada-luettelo-kanavasi-youtube-videoista\/\" title=\"YouTube-sovellusliittym\u00e4 - Kuinka saada luettelo kanavasi YouTube-videoista\">YouTube-sovellusliittym\u00e4 &#8211; Kuinka saada luettelo kanavasi YouTube-videoista<\/a><\/li>\n<li><a href=\"https:\/\/themewp.inform.click\/fi\/kuinka-kayttaa-youtube-sovellusliittymaa-videon-lataamiseen-youtube-kanavalle\/\" title=\"Kuinka k\u00e4ytt\u00e4\u00e4 YouTube-sovellusliittym\u00e4\u00e4 videon lataamiseen YouTube-kanavalle\">Kuinka k\u00e4ytt\u00e4\u00e4 YouTube-sovellusliittym\u00e4\u00e4 videon lataamiseen YouTube-kanavalle<\/a><\/li>\n<\/ul>\n<p><div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">:  <a target=\"_blank\" rel=\"noopener nofollow\" href=\"\/\/artisansweb.net\" class=\"external external_icon\">artisansweb.net<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"<p>T\u00e4ss\u00e4 artikkelissa tutkitaan, kuinka saada pikkukuva YouTubesta, Vimeo- ja Dailymotion-videoista. Sivun koon pienent\u00e4miseksi meid\u00e4n tulisi k\u00e4ytt\u00e4\u00e4 pikkukuvia<\/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":[275],"tags":[843],"class_list":["post-25226","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-php-6","tag-affiai-fi"],"_links":{"self":[{"href":"https:\/\/themewp.inform.click\/fi\/wp-json\/wp\/v2\/posts\/25226","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/themewp.inform.click\/fi\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/themewp.inform.click\/fi\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/fi\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/fi\/wp-json\/wp\/v2\/comments?post=25226"}],"version-history":[{"count":0,"href":"https:\/\/themewp.inform.click\/fi\/wp-json\/wp\/v2\/posts\/25226\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/fi\/wp-json\/wp\/v2\/media\/21640"}],"wp:attachment":[{"href":"https:\/\/themewp.inform.click\/fi\/wp-json\/wp\/v2\/media?parent=25226"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/themewp.inform.click\/fi\/wp-json\/wp\/v2\/categories?post=25226"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/themewp.inform.click\/fi\/wp-json\/wp\/v2\/tags?post=25226"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}