Vous cherchez \u00e0 obtenir la vignette des vid\u00e9os YouTube, Vimeo et Dailymotion? Ces 3 sont les sites de partage de vid\u00e9os les plus populaires sur Internet. Chacune de ces plates-formes permet aux utilisateurs de r\u00e9cup\u00e9rer la vignette vid\u00e9o de leurs vid\u00e9os. Dans cet article, nous voyons comment obtenir la vignette en utilisant l’URL de la vid\u00e9o de ces plateformes.<\/p>\n
Lorsque vous int\u00e9grez une galerie vid\u00e9o sur les sites Web, vous devez afficher les vignettes vid\u00e9o. Et puis, en cliquant sur la vignette, une vid\u00e9o connexe devrait \u00eatre lue. L’int\u00e9gration de vid\u00e9os \u00e0 l’aide d’une balise iframe n’est pas recommand\u00e9e. Cela prend beaucoup de bande passante d’un serveur et augmente la taille de la page.<\/p>\n
Je vais \u00e9crire un code qui r\u00e9cup\u00e8re la vignette de la vid\u00e9o via une URL de vid\u00e9o. En cliquant sur ces vignettes, vous pouvez lire vos vid\u00e9os en utilisant la fantaisie ou toute autre solution personnalis\u00e9e que vous pr\u00e9f\u00e9rez.<\/p>\n
Cela dit, voyons un par un comment obtenir des vignettes de vid\u00e9os YouTube, Vimeo et Dailymotion.<\/p>\n
Pour notre tutoriel, je suppose que vous passez l’URL de la vid\u00e9o pour obtenir la vignette d’une vid\u00e9o. Dans le cas de YouTube, plusieurs types d’URL valides sont disponibles. Vous trouverez ci-dessous les URL valides de la vid\u00e9o YouTube\u00a0:<\/p>\n
La m\u00e9thode ci-dessous extrait l’identifiant de la vid\u00e9o \u00e0 partir de l’un des formats d’URL ci-dessus.<\/p>\n
<?php\nfunction extractVideoID($url){\n\u00a0\u00a0\u00a0\u00a0$regExp = \"\/^.*((youtu.be\/)|(v\/)|(\/u\/w\/)|(embed\/)|(watch?))??v?=?([^#&?]*).*\/\";\n\u00a0\u00a0\u00a0\u00a0preg_match($regExp, $url, $video);\n\u00a0\u00a0\u00a0\u00a0return $video[7];\n}\n?><\/code><\/pre>\nUne fois que vous avez extrait l’identifiant de la vid\u00e9o de l’URL, vous pouvez facilement obtenir une miniature de la vid\u00e9o en utilisant la m\u00e9thode ci-dessous\u00a0:<\/p>\n
<?php\nfunction getYouTubeThumbnailImage($video_id) {\n\u00a0\u00a0\u00a0\u00a0return \"\/\/i3.ytimg.com\/vi\/$video_id\/hqdefault.jpg\";\n}\n?><\/code><\/pre>\nIci, nous r\u00e9cup\u00e9rons la vignette par d\u00e9faut avec hqdefault.jpg<\/code>. On peut passer diff\u00e9rentes valeurs comme 0.jpg<\/code>, 1.jpg<\/code>pour obtenir une taille de vignette diff\u00e9rente.<\/p>\nAinsi, notre code final pour obtenir la vignette de l’URL de la vid\u00e9o YouTube est\u00a0:<\/p>\n
<?php\nfunction extractVideoID($url){\n\u00a0\u00a0\u00a0\u00a0$regExp = \"\/^.*((youtu.be\/)|(v\/)|(\/u\/w\/)|(embed\/)|(watch?))??v?=?([^#&?]*).*\/\";\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 \"<img src='$thumbnail' \/>\";\n?><\/code><\/pre>\nObtenez des vignettes \u00e0 partir de vid\u00e9os Vimeo et Dailymotion<\/h3>\n
En cherchant une solution pour extraire l’identifiant vid\u00e9o des URL de vid\u00e9o Vimeo et Dailymotion, j’ai trouv\u00e9 cette ressource<\/a>. J’ai utilis\u00e9 leur m\u00e9thode pour extraire l’identifiant vid\u00e9o des URL vid\u00e9o de Vimeo et Dailymotion. Cette m\u00e9thode prend en charge tous les formats d’URL valides des vid\u00e9os Vimeo et Dailymotion.<\/p>\nEn cas de r\u00e9cup\u00e9ration de vignettes de vid\u00e9os Vimeo, le code sera le suivant\u00a0:<\/p>\n
<?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 \"<img src='$thumbnail' \/>\";\n?><\/code><\/pre>\nPour la vid\u00e9o Vimeo, nous pouvons utiliser 3 valeurs comme thumbnail_small, thumbnail_medium, thumbnail_large pour obtenir respectivement les petites, moyennes et grandes tailles de vignette.<\/p>\n
Enfin, le code pour obtenir la vignette de la vid\u00e9o Dailymotion est le suivant.<\/p>\n
<?php\nfunction getDailyMotionId($url)\n{\n\u00a0\u00a0\u00a0\u00a0if (preg_match('!^.+dailymotion.com\/(video|hub)\/([^_]+)[^#]*(#video=([^_&]+))?|(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 \"<img src='$thumbnail' \/>\";\n?><\/code><\/pre>\nJ’esp\u00e8re que vous comprenez comment obtenir la vignette des vid\u00e9os YouTube, Vimeo et Dailymotion. Si vous utilisez une autre m\u00e9thode pour y parvenir, veuillez me le faire savoir dans la section commentaire ci-dessous.<\/p>\n
Articles Li\u00e9s<\/h4>\n\n- Obtenez une liste de vid\u00e9os YouTube par mots-cl\u00e9s \u00e0 l’aide de l’API de recherche YouTube et de JavaScript<\/a><\/li>\n
- API YouTube – Comment obtenir la liste des vid\u00e9os YouTube de votre cha\u00eene<\/a><\/li>\n
- Comment utiliser l’API YouTube pour t\u00e9l\u00e9charger une vid\u00e9o sur la cha\u00eene YouTube<\/a><\/li>\n<\/ul>\n