{"id":25210,"date":"2021-06-03T14:10:00","date_gmt":"2021-06-03T11:10:00","guid":{"rendered":"https:\/\/themewp.inform.click\/?p=25210"},"modified":"2021-10-18T02:34:45","modified_gmt":"2021-10-17T23:34:45","slug":"so-erhalten-sie-miniaturansichten-von-youtube-vimeo-und-dailymotion-videos","status":"publish","type":"post","link":"https:\/\/themewp.inform.click\/de\/so-erhalten-sie-miniaturansichten-von-youtube-vimeo-und-dailymotion-videos\/","title":{"rendered":"So erhalten Sie Miniaturansichten von YouTube-, Vimeo- und Dailymotion-Videos"},"content":{"rendered":"<p>M\u00f6chten Sie die Miniaturansichten der YouTube-, Vimeo- und Dailymotion-Videos abrufen? Diese 3 sind die beliebtesten Video-Sharing-Websites im Internet. Auf jeder dieser Plattformen k\u00f6nnen Benutzer das Video-Thumbnail ihrer Videos abrufen. In diesem Artikel erfahren Sie, wie Sie das Thumbnail mithilfe der Video-URL dieser Plattformen abrufen.<\/p>\n<p>Wenn Sie eine Videogalerie auf den Websites einbinden, sollten Sie die Video-Thumbnails anzeigen. Und dann, wenn Sie auf das Thumbnail klicken, sollte ein zugeh\u00f6riges Video abgespielt werden. Das Einbetten von Videos mit einem iframe-Tag wird nicht empfohlen. Es nimmt viel Bandbreite eines Servers in Anspruch und erh\u00f6ht die Seitengr\u00f6\u00dfe.<\/p>\n<p>Ich werde einen Code schreiben, der das Thumbnail des Videos \u00fcber eine Video-URL abruft. Wenn Sie auf diese Miniaturansichten klicken, k\u00f6nnen Sie Ihre Videos mit der Fancybox oder anderen benutzerdefinierten L\u00f6sungen abspielen, die Sie bevorzugen.<\/p>\n<p>Sehen wir uns jedoch nacheinander an, wie Sie Miniaturansichten von YouTube-, Vimeo- und Dailymotion-Videos erhalten.<\/p>\n<h3>Thumbnail von YouTube-Video-URL abrufen<\/h3>\n<p>F\u00fcr unser Tutorial gehe ich davon aus, dass Sie die Video-URL \u00fcbergeben, um die Miniaturansicht eines Videos zu erhalten. Im Fall von YouTube stehen mehrere Arten g\u00fcltiger URLs zur Verf\u00fcgung. Unten sind die g\u00fcltigen URLs von YouTube-Videos:<\/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>Die folgende Methode extrahiert die Video-ID aus einem der oben genannten URL-Formate.<\/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>Nachdem Sie die Video-ID aus der URL extrahiert haben, k\u00f6nnen Sie mit der folgenden Methode ganz einfach eine Miniaturansicht des Videos abrufen:<\/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>Hier holen wir das Standard-Thumbnail mit <code>hqdefault.jpg<\/code>. Man kann verschiedene Werte wie \u00fcbergeben <code>0.jpg<\/code>, <code>1.jpg<\/code>um unterschiedliche Thumbnail-Gr\u00f6\u00dfen zu erhalten.<\/p>\n<p>Unser endg\u00fcltiger Code zum Abrufen der Miniaturansicht von der YouTube-Video-URL lautet also:<\/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>Thumbnail von Vimeo- und Dailymotion-Videos abrufen<\/h3>\n<p>Auf der Suche nach einer L\u00f6sung zum Extrahieren der Video-ID aus Vimeo- und Dailymotion-Video-URLs bin ich auf diese <a href=\"https:\/\/github.com\/lingtalfi\/video-ids-and-thumbnails\/blob\/master\/function.video.php\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Ressource gesto\u00dfen<\/a>. Ich habe ihre Methode verwendet, um die Video-ID aus den Video-URLs von Vimeo und Dailymotion zu extrahieren. Diese Methode unterst\u00fctzt alle g\u00fcltigen URL-Formate von Vimeo- und Dailymotion-Videos.<\/p>\n<p>Beim Abrufen von Miniaturansichten von Vimeo-Videos sieht der Code wie folgt aus:<\/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\u00fcr Vimeo-Videos k\u00f6nnen wir 3 Werte wie thumbnail_small, thumbnail_medium, thumbnail_large verwenden, um kleine, mittlere bzw. gro\u00dfe Miniaturansichten zu erhalten.<\/p>\n<p>Schlie\u00dflich lautet der Code zum Abrufen der Miniaturansicht des Dailymotion-Videos wie folgt.<\/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>Ich hoffe, Sie verstehen, wie Sie das Miniaturbild von YouTube-, Vimeo- und Dailymotion-Videos abrufen k\u00f6nnen. Wenn Sie eine andere Methode verwenden, um dies zu erreichen, teilen Sie mir dies bitte im Kommentarbereich unten mit.<\/p>\n<h4>Zum Thema passende Artikel<\/h4>\n<ul>\n<li><a href=\"https:\/\/themewp.inform.click\/de\/erhalten-sie-eine-youtube-videoliste-nach-schluesselwoertern-mit-der-youtube-such-api-und-javascript\/\" title=\"Erhalten Sie eine YouTube-Videoliste nach Schl\u00fcsselw\u00f6rtern mit der YouTube-Such-API und JavaScript\">Erhalten Sie eine YouTube-Videoliste nach Schl\u00fcsselw\u00f6rtern mit der YouTube-Such-API und JavaScript<\/a><\/li>\n<li><a href=\"https:\/\/themewp.inform.click\/de\/youtube-api-so-erhalten-sie-eine-liste-der-youtube-videos-ihres-kanals\/\" title=\"YouTube API \u2013 So erhalten Sie eine Liste der YouTube-Videos Ihres Kanals\">YouTube API \u2013 So erhalten Sie eine Liste der YouTube-Videos Ihres Kanals<\/a><\/li>\n<li><a href=\"https:\/\/themewp.inform.click\/de\/so-verwenden-sie-die-youtube-api-zum-hochladen-von-videos-auf-dem-youtube-kanal\/\" title=\"So verwenden Sie die YouTube-API zum Hochladen von Videos auf dem YouTube-Kanal\">So verwenden Sie die YouTube-API zum Hochladen von Videos auf dem YouTube-Kanal<\/a><\/li>\n<\/ul>\n<p><div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">Aufnahmequelle:  <a target=\"_blank\" rel=\"noopener nofollow\" href=\"\/\/artisansweb.net\" class=\"external external_icon\">artisansweb.net<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"<p>In diesem Artikel untersuchen wir, wie Sie Miniaturansichten von YouTube-, Vimeo- und Dailymotion-Videos erhalten. Um die Seitengr\u00f6\u00dfe zu reduzieren, sollten wir Thumbnail verwenden<\/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":[272],"tags":[845],"class_list":["post-25210","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-php-3","tag-affiai-de"],"_links":{"self":[{"href":"https:\/\/themewp.inform.click\/de\/wp-json\/wp\/v2\/posts\/25210","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/themewp.inform.click\/de\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/themewp.inform.click\/de\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/de\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/de\/wp-json\/wp\/v2\/comments?post=25210"}],"version-history":[{"count":0,"href":"https:\/\/themewp.inform.click\/de\/wp-json\/wp\/v2\/posts\/25210\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/de\/wp-json\/wp\/v2\/media\/21640"}],"wp:attachment":[{"href":"https:\/\/themewp.inform.click\/de\/wp-json\/wp\/v2\/media?parent=25210"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/themewp.inform.click\/de\/wp-json\/wp\/v2\/categories?post=25210"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/themewp.inform.click\/de\/wp-json\/wp\/v2\/tags?post=25210"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}